عرض آخر عنصر في مصفوفة JSON باستخدام AngularJS و JavaScript

عند العمل مع كائن JSON والحاجة إلى عرض آخر عنصر في مصفوفة “items” باستخدام AngularJS أو JavaScript الأصلي، يمكنك تحقيق هذه المهمة بسهولة. لنلقي نظرة على الكود ونفهم كيف يمكن تحقيق هذا الهدف.

في الشيفرة التي قدمتها، يتم استخدام AngularJS للتحقق من مصفوفة “rcsaErhTreeData” والوصول إلى العناصر داخلها. لعرض آخر عنصر في مصفوفة “items”، يمكنك استخدام الطرق التالية باستخدام AngularJS:

javascriptCopy code
var lastItem = $scope.rcsaErhTreeData[0].items[$scope.rcsaErhTreeData[0].items.length - 1].text;
console.log('Last item:', lastItem);

هنا، نتيجة lastItem ستكون “Chief Administrative Officer”. يتم ذلك عن طريق الوصول إلى العنصر الأخير في مصفوفة “items” داخل الكائن الرئيسي.

إذا كنت تفضل استخدام الJavaScript الأصلي، يمكنك القيام بذلك كالتالي:

javascriptCopy code
var lastItem = json[0].items[json[0].items.length - 1].text;
console.log('Last item:', lastItem);

تتيح لك هذه الشيفرة الوصول إلى العنصر الأخير في مصفوفة “items” مباشرة من كائن JSON دون الحاجة إلى AngularJS.

يمكنك استخدام أي من هذين الكودين وفقًا لتفضيلاتك. يتم استخدام قيمة “text” في النهاية لعرض النص الذي تم الحاقه بآخر عنصر في المصفوفة.

عندما نقوم بفحص الشيفرة التي قدمتها، يظهر أنك تستخدم AngularJS للتحقق من مصفوفة JSON بتنسيق هرمي. يتم ذلك من خلال استخدام دالة angular.forEach للوصول إلى عناصر مختلفة داخل المصفوفة.

في هذا السياق، يمكن أن يكون من الفائدة التركيز على بعض النقاط الهامة:

1. استخدام AngularJS forEach: تم استخدام angular.forEach للتنقل في مصفوفة JSON بطريقة متداخلة. هذا يسمح بالوصول إلى العناصر بطريقة فعالة.

2. الوصول إلى آخر عنصر في مصفوفة “items”: تم استخدام تعبير $scope.rcsaErhTreeData[0].items.length - 1 للوصول إلى العنصر الأخير في مصفوفة “items”، حيث تمثل القيمة 0 الكائن الرئيسي.

3. استخدام قيمة “text” للعرض: تم استخدام الخاصية “text” في العنصر الأخير لعرض النص المطلوب.

4. التصريح بمتغير “lastItem”: تم تعريف متغير “lastItem” الذي يحتوي على القيمة النهائية المسترجعة من مصفوفة “items”.

5. عرض القيمة باستخدام console.log: تم استخدام console.log لعرض القيمة النهائية في وحدة تحكم المتصفح.

عند تنفيذ هذا الكود، سيتم عرض “Chief Administrative Officer” في وحدة تحكم المتصفح، وهو النص المتوقع لآخر عنصر في مصفوفة “items”.

يركز الكود على الحصول على القيمة المحددة بشكل صحيح وفقًا لبيانات JSON المقدمة، ويعتبر حلاً فعالًا لعرض آخر عنصر في المصفوفة.