อาร์เรย์ของออบเจ็กต์ใน JavaScript
โครงสร้างหลายมิติที่พบได้บ่อยที่สุดคืออาร์เรย์ของออบเจ็กต์ มันมีคุณสมบัติบางประการ มาศึกษากัน สมมติว่าเรามีอาร์เรย์ของผู้ใช้ดังต่อไปนี้:
let users = [
{
name: 'name1',
surn: 'surn1',
},
{
name: 'name2',
surn: 'surn2',
},
{
name: 'name3',
surn: 'surn3',
},
];
ลองวนซ้ำผู้ใช้ทั้งหมดและแสดงชื่อและนามสกุลของพวกเขาในคอนโซล ในการวนซ้ำอาร์เรย์ของออบเจ็กต์ โดยทั่วไปจะใช้เพียงหนึ่งลูปสำหรับอาร์เรย์ และภายในลูปจะเข้าถึงออบเจ็กต์ด้วยคีย์ ทำได้ดังนี้:
for (let user of users) {
console.log(user.name + ' ' + user.surn);
}
กำหนดอาร์เรย์ของพนักงานดังต่อไปนี้:
let employees = [
{
name: 'name1',
salary: 300,
},
{
name: 'name2',
salary: 400,
},
{
name: 'name3',
salary: 500,
},
];
แสดงข้อมูลของแต่ละพนักงานในรูปแบบ ชื่อ - เงินเดือน
กำหนดอาร์เรย์ของพนักงานดังต่อไปนี้:
let employees = [
{
name: 'name1',
salary: 300,
},
{
name: 'name2',
salary: 400,
},
{
name: 'name3',
salary: 500,
},
];
แสดงผลรวมของเงินเดือนพนักงานทั้งหมด
กำหนดอาร์เรย์ของพนักงานดังต่อไปนี้:
let employees = [
{
name: 'name1',
salary: 300,
age: 28,
},
{
name: 'name2',
salary: 400,
age: 29,
},
{
name: 'name3',
salary: 500,
age: 30,
},
{
name: 'name4',
salary: 600,
age: 31,
},
{
name: 'name5',
salary: 700,
age: 32,
},
];
แสดงผลรวมของเงินเดือนพนักงานที่มีอายุเท่ากับหรือมากกว่า 30 ปี