How to turn this array into a JavaScript object?

Question

The following code loops through a JavaScript object and collects only the properties that are arrays:

const building = this.building
let panoramaList = []
for (let key in building) {
  const panoramas = building[key]
  if (Array.isArray(panoramas)) {
    panoramaList.push({ [key]: panoramas })
  }
}
console.log(panoramaList)

In other words, it takes this:

{
  name: '',
  description: ''.
  livingroom: Array[0],
  study: Array[1],
  bedroom: Array[0]
}

and turns it into this:

[
  { livingroom: Array[0] },
  { study: Array[1] },
  { bedroom: Array[0] }
]

However, what I need to produce is this:

{
  livingroom: Array[0],
  study: Array[1],
  bedroom: Array[0]
}

How to accomplish that?

you might want to read this http://stackoverflow.com/questions/4215737/convert-array-to-object — Sudo, Mar 31 '16 at 09:02

gurvinder372 · Answer 1 · 2016-03-31T10:08:49.120

1

try this

var output = Object.keys(building).map(function(val){ return { val : building[val] } });

For the final output

var panoramaList = {}
Object.keys(building).forEach(function(val){ 
  if ( Array.isArray(building[val] )
  {
    panoramaList[val] = building[val];
  }
});

edited Mar 31 '16 at 10:08

answered Mar 31 '16 at 09:01

gurvinder372

66,980
10
72
94

Thanks but I get `key` is not defined in ` building[key]`. – alex Mar 31 '16 at 09:05
output should be an object and only arrays hould be inserted as property, not as own object in an array. – Nina Scholz Mar 31 '16 at 09:09

score 1 · Answer 2 · answered Mar 31 '16 at 09:03

Change this :

const building = this.building
let panoramaList = []
for (let key in building) {
  const panoramas = building[key]
  if (Array.isArray(panoramas)) {
    panoramaList.push({ [key]: panoramas })
  }
}
console.log(panoramaList)

to this :

const building = this.building
let panoramaList = {}
for (let key in building) {
  const panoramas = building[key]
  if (Array.isArray(panoramas)) {
    panoramaList[key]=panoramas
  }
}
console.log(panoramaList)

score 1 · Answer 3 · answered Mar 31 '16 at 09:05

1

Use Object.keys and try something like this:

var input = {} //...your input array
var keys = Object.keys(input);
var result = {};

keys.forEach(function (key) {
    if (Array.isArray(input[key])) {
        result[key] = input[key];
    }
});

answered Mar 31 '16 at 09:05

Kamil

424
4
8

Chad · Answer 4 · 2016-03-31T10:01:03.837

Make sure to define panoramaList as an object.

This works

var arrays = {
  name: '',
  description: '',
  livingroom: ['1','www'],
  study: ['2','sss'],
  bedroom: ['3','aaa'],
  Kitchen: ['4','bbb'],
}    


const building = arrays
let panoramaList = {};
for (let key in building) {
  const panoramas = building[key]

  if (Array.isArray(panoramas)) {
      panoramaList[key] = panoramas;
  }
}
console.log(panoramaList);

https://jsbin.com/paqebupiva/1/edit?js,console,output

score 0 · Answer 5 · answered Mar 31 '16 at 21:43

Rather than building a new object, you might just need to delete the unwanted properties from the object that you have:

var data = {
  name: '',
  description: '',
  livingroom: [],
  study: [1],
  bedroom: [0]
};

Object.keys(data).forEach(function(key) {
  if (!Array.isArray(data[key])) delete data[key];
})

document.write(JSON.stringify(data));

How to turn this array into a JavaScript object?

5 Answers5