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

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

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

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

let obj = {};

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

console.log(obj);

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

let obj = {};

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

console.log(obj);

กำหนดอาร์เรย์สองชุด: ชุดแรกเป็นชื่อวัน ของสัปดาห์ และชุดที่สองเป็นหมายเลขลำดับของวัน:

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

ใช้ลูปสร้างออบเจ็กต์ที่มีคีย์ เป็นชื่อวัน และค่า เป็นหมายเลขของวันนั้นๆ

กำหนดออบเจ็กต์:

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

วนลูปผ่านออบเจ็กต์นี้และเขียน ลงในออบเจ็กต์ใหม่เฉพาะองค์ประกอบที่ เป็นเลขคู่

กำหนดออบเจ็กต์:

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

วนลูปผ่านออบเจ็กต์นี้และสร้าง ออบเจ็กต์ใหม่ โดยให้คีย์ของออบเจ็กต์ใหม่ เป็นค่าของออบเจ็กต์เก่า และค่าเป็นคีย์ของออบเจ็กต์เก่า