การเติมข้อมูลออบเจ็กต์ด้วยลูปใน JavaScript

ออบเจ็กต์ก็สามารถเติมข้อมูลได้ด้วยลูปเช่นกัน มาดูตัวอย่างกัน สมมติว่าเรามีอาร์เรย์สองชุด:

javascriptlet keys = ['a', 'b', 'c', 'd', 'e'];
let values = [1, 2, 3, 4, 5];

ลองใช้ค่านี้สร้างออบเจ็กต์ โดยนำคีย์สำหรับออบเจ็กต์นี้จากอาร์เรย์แรก และค่าจากอาร์เรย์ที่สอง ในการทำเช่นนี้ ให้เรียกใช้ลูป และในลูปเราจะสร้างออบเจ็กต์ของเรา:

javascriptlet obj = {};

for (let i = 0; i <= 4; i++) {
  let key = keys[i];
  let value = values[i];
  
  obj[key] = value;
}

console.log(obj);

ไม่จำเป็นต้องประกาศตัวแปรสำหรับคีย์ และค่า สามารถทำได้ดังนี้:

javascriptlet obj = {};

for (let i = 0; i <= 4; i++) {
  obj[keys[i]] = values[i];
}

console.log(obj);

javascriptlet arr1 = ['a', 'b', 'c', 'd', 'e'];
let arr2 = [1, 2, 3, 4, 5];

javascriptlet obj = {a: 1, b: 2, c: 3, d: 4, e: 5};

javascriptlet obj = {a: 1, b: 2, c: 3, d: 4, e: 5};