كيفية المرور على محتوى كائن Object في JavaScript؟

يمكنك ايضا استعمال التابع entries عن الكائن Object لطباعة كل مفتاح وقيمة على التوالي، يكون ذلك كـ:

Object.entries(obj)

يعيد هذا التابع مصفوفة ثنائية البعد Two-dimensional Arrays ذات ثنائيات مفتاح قيمة كـ:
 

[["p1", "value1"], ["p2", "value2"], ["p3", "value3"]]

يمكنك المرور عليها عن طريق اي تكرار، وليكن for in :

for (const [key, value] of result) {
    console.log(key, value);
}

فتكون كاملة الشيفرة:

const myObj = {
  a: 1, 
  b: 2, 
  c: 3
};

let i = Object.entries(myObj);

for (const [key, value] of i) {
    console.log(key, value);
}

الناتج:

"a", 1
"b", 2
"c", 3

• الكائن Object في JavaScript
• التابع Object/entries في جافاسكربت

يمكنك المرور على كل العناصر في الـ object بعد طرق واسهلها هو استخدام الـ for in :

const myObj = {
  a: 1, 
  b: 2, 
  c: 3
};

for (key in  myObj) {
  console.log(key + " " + myObj[key])
}

// النتيجة ستكون كالتالي
// a 1
// b 2
// c 3

ويمكنك الاطلاع اكثر على for in من موسوعة حسوب

هناك أكثر من طريقة للوصول الى نفس النتيجة المطلوبة.

أحدى الطرق تكون كالتالي:

الدالة Object.keys تتيح لك الحصول على جميع مفاتيح الكائن على هيئة مصفوفة 

const myObj = {
  a: 1, 
  b: 2, 
  c: 3
};
const keys= Object.keys(myObj)

المتغير keys يحتوي على المصفوفة المذكورة أنفاً ["a", "b", "c"]

الان نستعمل forEach لكي نمر على جميع قيم المفاتيح

...
keys.forEach(function(key){
....
})
...

الأن نستطيع الحصول على القيم المقابلة لكل مفتاح من خلال الكائن الأصلي والمفتاح الحالي في الدورة الحالية من دالة forEach وكالتالي
 

...
let value = myObj[key]
...

الأن أصبح من السهل أخراج النتيجة المراد طباعتها في الكونسول كما يلي

...
console.log(key, value)
...

الكود كاملاً

const myObj = {
  a: 1, 
  b: 2, 
  c: 3
};

const keys= Object.keys(myObj)

keys.forEach(function(key){

	let value = myObj[key]
    
	console.log(key, value)
})