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 stackoverflow.com/questions/4215737/convert-array-to-object — Sudo
– Sudo, Commented Mar 31, 2016 at 9:02

trex005 · Accepted Answer · 2016-03-31 09:03:07Z

1

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)

answered Mar 31, 2016 at 9:03

trex005

5,1354 gold badges32 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kamil · Accepted Answer · 2016-03-31 09:05:03Z

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, 2016 at 9:05

Kamil

4344 silver badges8 bronze badges

Comments

gurvinder372 · Accepted Answer · 2016-03-31 10:08:49Z

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, 2016 at 10:08

answered Mar 31, 2016 at 9:01

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

2 Comments

alex Over a year ago

Thanks but I get key is not defined in ` building[key]`.

Nina Scholz Over a year ago

output should be an object and only arrays hould be inserted as property, not as own object in an array.

Chad · Accepted Answer · 2016-03-31 10:01:03Z

0

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

edited Mar 31, 2016 at 10:01

answered Mar 31, 2016 at 9:12

Chad

836 bronze badges

Comments

RobG · Accepted Answer · 2016-03-31 21:43:19Z

0

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));

answered Mar 31, 2016 at 21:43

RobG

148k32 gold badges180 silver badges216 bronze badges

Collectives™ on Stack Overflow

How to turn this array into a JavaScript object?

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related