Javascript：对象键值对

Question

I am trying to get the output like:-

[{"option_id":1,"name":"small"},{"option_id":1,"name":"medium"}]

Below is my snippet, as you can see console.log only display single object instead of two. Why is that? :/

 const myObject = { "'\\1\\'": "small", "'\\1\\'": "medium" }; var item = []; Object.entries(myObject).forEach(([k, v]) => { item.push({ name: v, option_id: k }); console.log(item); })

Answer 1

The method you are using just overrides the duplicate keys you created ... to prevent this situation do not use object keys ! you can rely on the arrays passing the data you want

See example =>

const myObject = {
  // number : [name , option]
  0: ["small", 1],
  1: ["medium", 1]
};

let item = [];

Object.entries(myObject).forEach(obj => {
  item.push({
    name: obj[1][0],
    option_id: obj[1][1]
  });
})

console.log(item);

Best way using array methods

let  myObject = [
  ["small", 1],
  ["medium", 1]
];

myObject = myObject.map(obj => {
  return {
    name: obj[0], option_id: obj[1]};
});

console.log(myObject);

Answer 2

One option is to create a JSON formatted string, then use the JSON libraries to work on the string.

const myObject = {
  1: "small",
  1: "medium"
};

var item = [];

Object.entries(myObject).forEach(([k, v]) => {
  item.push('{"name":"' + v + '", "option_id":"' + k + '"}');
})
console.log(JSON.stringify(JSON.parse('[' + item.join(",") + ']')));