การแยกออบเจกต์เป็นอาร์เรย์ของออบเจกต์ด้วย JavaScript

สมมติเรามีออบเจกต์แบบนี้:

const obj = {
  "value 0": "value",
  "value 1": "value",
  "value 2": "value",
  "value 3": "value",
  "value 4": "value",
  "value 5": "value",
  "value 6": "value",
  "value 7": "value",
  "value 8": "value",
  "value 9": "value"
};

เราจำเป็นต้องเขียนฟังก์ชัน JavaScript ที่รับออบเจกต์แบบนี้เข้ามา ฟังก์ชันควรคืนอาร์เรย์ใหม่ของออบเจกต์ ซึ่งแต่ละคู่ key/value จะถูกแยกเป็นออบเจกต์ของตัวเอง

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

const obj = {
  "value 0": "value",
  "value 1": "value",
  "value 2": "value",
  "value 3": "value",
  "value 4": "value",
  "value 5": "value",
  "value 6": "value",
  "value 7": "value",
  "value 8": "value",
  "value 9": "value"
};
const separateObject = obj => {
  const res = [];
  const keys = Object.keys(obj);
  keys.forEach(key => {
    res.push({
      key: obj[key]
    });
  });
  return res;
};
console.log(separateObject(obj));

ผลลัพธ์

ผลลัพธ์ที่แสดงในคอนโซลจะเป็นดังนี้:

[
  { key: 'value' },
  { key: 'value' },
  { key: 'value' },
  { key: 'value' },
  { key: 'value' },
  { key: 'value' },
  { key: 'value' },
  { key: 'value' },
  { key: 'value' },
  { key: 'value' }
]