Let's say I have an array like this

var myarray=[{"id":1234, "listtext":open, "prop3":value3 ,"prop4": value4},
             {"id":1235, "listtext":open, "prop3":value3 ,"prop4": value4},
             {"id":1236, "listtext":open, "prop3":value3 ,"prop4": value4},
             {"id":1237, "listtext":open, "prop3":value3 ,"prop4": value4}];

but I want to convert it to an object like this:

{1234:open,1235:close, 1236: pending,1237:awaiting response}

Can this be done? all the methods I have tried keep getting only the last key value pair.

Let's say I have an array like this

var myarray=[{"id":1234, "listtext":open, "prop3":value3 ,"prop4": value4},
             {"id":1235, "listtext":open, "prop3":value3 ,"prop4": value4},
             {"id":1236, "listtext":open, "prop3":value3 ,"prop4": value4},
             {"id":1237, "listtext":open, "prop3":value3 ,"prop4": value4}];

but I want to convert it to an object like this:

{1234:open,1235:close, 1236: pending,1237:awaiting response}

Can this be done? all the methods I have tried keep getting only the last key value pair.

• javascript
• reactjs
• react-native

• I want a key value pair of id and listtext properties only – Ajiboye Adedeji Commented Apr 19, 2018 at 7:55
• I did that, and I am just getting the last value. e.g {4321:"some status"} – Ajiboye Adedeji Commented Apr 19, 2018 at 8:01
• 1 No offense, but your source data is rubbish. Please try and include useful data in your questions so people don't have to try and guess at what you needed. – Tibrogargan Commented Apr 19, 2018 at 8:01
• Possible duplicate of How to duplicate object properties in another object? – Tibrogargan Commented Apr 19, 2018 at 8:02
• Possible duplicate of How do I convert array of Objects into one Object in JavaScript? – Herohtar Commented May 9, 2019 at 3:19

4 Answers 4

If you are using ES6 or above:

const converted = Object.assign({}, ...myArray.map(object => ({[object.id]: object})))

You can simply loop over the array and create a new object

var myarray=[{"id":1234, "listtext":'open', "prop3":'value3' ,"prop4": 'value4'},
             {"id":1235, "listtext":'open', "prop3":'value3' ,"prop4": 'value4'},
             {"id":1236, "listtext":'open', "prop3":'value3' ,"prop4": 'value4'},
             {"id":1237, "listtext":'open', "prop3":'value3' ,"prop4": 'value4'}];
const res = {};
myarray.forEach(obj => {
    res[obj.id] = obj.listtext;
})
console.log(res)

var myarray = [
  { id: 1234, listtext: 'open' },
  { id: 1235, listtext: 'closed' },
  { id: 1236, listtext: 'pending' },
  { id: 1237, listtext: 'open' }
]

var output = myarray.reduce(function (acc, item) {
  acc[item.id] = item.listtext
  return acc
}, {})

console.log(output)

var myarray=[{"id":1234, "listtext":"open", "prop3":'value3' ,"prop4": 'value4'},
             {"id":1235, "listtext":"closed", "prop3":'value3' ,"prop4": 'value4'},
             {"id":1236, "listtext":"pending", "prop3":'value3' ,"prop4": 'value4'},
             {"id":1237, "listtext":"open", "prop3":'value3' ,"prop4": 'value4'}];

var myObjects = [];  // create an empty array to hold the converted objects.


// loop through the array to convert them one by one
myarray.forEach(function(element) {
  var obj = {};    // create an empty object
  obj[element.id] = element.listtext;
  myObjects.push(obj);  // add the object to the array
});


myObjects.forEach(function(object){
   console.log(object);
});