تنسيق بيانات Angular.js: تحويل مصفوفة JSON إلى هيكل محدد

في هذا السياق، يتطلب تنسيق البيانات في تنسيق معين باستخدام Angular.js/Javascript فهمًا عميقًا لكيفية هيكلة البيانات الأصلية والتعامل معها. يمكن تحقيق ذلك من خلال استخدام وظائف ومفاهيم Angular.js/Javascript المختلفة. دعونا نقوم بتفكيك الطلب وفهم كل جزء منه.

أولاً وقبل كل شيء، لنفهم البيانات الأصلية:

javascriptCopy code
var response = [{
  day_id: 1,
  day_name: "Monday",
  subcat_id: "2",
  cat_id: "1",
  comment: "hii"
}, {
  day_id: 1,
  day_name: "Monday",
  subcat_id: "1",
  cat_id: "2",
  comment: "hello"
}, {
  day_id: 2,
  day_name: "Tuesday",
  subcat_id: "3",
  cat_id: "2",
  comment: "hii"
}];

الآن، لنبدأ في تنسيق هذه البيانات وفقًا للتنسيق المطلوب. يمكن تحقيق ذلك بواسطة كود Angular.js/Javascript:

javascriptCopy code
// بناء البيانات النهائية
var responseNew = {
  data: []
};

// تجميع البيانات حسب الأيام
response.forEach(function (item) {
  // التحقق مما إذا كانت اليوم موجودة بالفعل في البيانات النهائية
  var existingDay = responseNew.data.find(function (day) {
    return day.day_id === item.day_id;
  });

  // إذا لم يكن اليوم موجودًا، قم بإنشاء إدخال جديد
  if (!existingDay) {
    existingDay = {
      day_name: item.day_name,
      day_id: item.day_id,
      answers: []
    };
    responseNew.data.push(existingDay);
  }

  // إضافة البيانات إلى مصفوفة الإجابات لهذا اليوم
  existingDay.answers.push({
    cat_id: item.cat_id,
    subcat_id: item.subcat_id,
    comment: item.comment
  });
});

// إكمال أيام أخرى إذا لم تكن موجودة في البيانات الأصلية
var daysOfWeek = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
for (var i = 3; i <= 7; i++) {
  var dayName = daysOfWeek[i - 1];
  var dayId = i;

  // التحقق مما إذا كان اليوم موجودًا بالفعل
  var existingDay = responseNew.data.find(function (day) {
    return day.day_id === dayId;
  });

  // إذا لم يكن اليوم موجودًا، قم بإنشاء إدخال جديد
  if (!existingDay) {
    responseNew.data.push({
      day_name: dayName,
      day_id: dayId,
      answers: []
    });
  }
}

console.log(responseNew);

يقوم هذا الكود بتجميع البيانات وتنسيقها وفقًا للمتطلبات المحددة. الأيام التي لا تحتوي على بيانات ستتم إضافتها كمدخلات فارغة في البيانات النهائية.

تفضل! تم تحليل البيانات وتنسيقها في تنسيق جديد بشكل أفضل لتحقيق هدف محدد. فيما يلي شرح أكثر تفصيلاً لكل جزء من الكود:

1. بناء البيانات النهائية:

   javascriptCopy code
   var responseNew = {
     data: []
   };
   

   هنا يتم إنشاء كائن جديد responseNew لتخزين البيانات المنسقة النهائية، حيث يحتوي على خاصية data التي هي مصفوفة لتخزين الأيام مع البيانات المتعلقة بها.

2. تجميع البيانات حسب الأيام:

   javascriptCopy code
   response.forEach(function (item) {
     // ...
   });
   

   يتم استخدام دورة forEach لتحديد كل عنصر في البيانات الأصلية. يتم التحقق مما إذا كان اليوم (day) موجودًا بالفعل في responseNew.data. إذا كان موجودًا، يتم إضافة البيانات الحالية إلى مصفوفة الإجابات (answers) الخاصة بتلك اليوم. إذا لم يكن اليوم موجودًا، يتم إنشاء إدخال جديد.

3. إكمال أيام أخرى إذا لم تكن موجودة في البيانات الأصلية:

   javascriptCopy code
   var daysOfWeek = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
   for (var i = 3; i <= 7; i++) {
     // ...
   }
   

   يتم استخدام دورة for لإضافة أيام أخرى (Wednesday إلى Sunday) إلى responseNew.data إذا لم تكن موجودة بالفعل في البيانات الأصلية.

4. طباعة الناتج النهائي:

   javascriptCopy code
   console.log(responseNew);
   

   يتم طباعة responseNew في الكونسول لفحص الناتج النهائي.

هذا التنسيق يسمح بفهم كيف تم تنظيم الكود لتحقيق الهدف المطلوب، ويظهر الاستخدام الفعال لوظائف جافا سكريبت و Angular.js لتنسيق وتحويل البيانات.