Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

แปลง Object เป็นอาร์เรย์ของคู่ Key-Value - JavaScript

แปลง Object ให้กลายเป็นอาร์เรย์ของอาร์เรย์ แต่ละอาร์เรย์ย่อยคือคู่ [key, value]

ตัวอย่างโค้ด

const obj = {
  name: 'Vikas',
  age: 45,
  occupation: 'Frontend Developer',
  address: 'Tilak Nagar, New Delhi',
  experience: 23,
  salary: '98000'
};

const objectToArray = obj => {
  const keys = Object.keys(obj);
  const res = [];
  for (let i = 0; i < keys.length; i++) {
    res.push([keys[i], obj[keys[i]]]);
  }
  return res;
};

console.log(objectToArray(obj));

ผลลัพธ์

[
  ['name', 'Vikas'],
  ['age', 45],
  ['occupation', 'Frontend Developer'],
  ['address', 'Tilak Nagar, New Delhi'],
  ['experience', 23],
  ['salary', '98000']
]

วิธีแบบ ES2017+ (มาตรฐาน)

// Object.entries() - วิธีมาตรฐานและสะดวกที่สุด
const objectToArray = obj => Object.entries(obj);

console.log(Object.entries(obj));

Object.entries() คืนค่า [[key, value], ...] โดยตรง รองรับในทุก Browser สม่ำสมัย