how to push sub array object into an a array in javascript

Question

hi all i am using javascript i am trying to push object values into one array here i attached my code

var data = [{
            BuildingID: "56", FloorId: "65", volume: [{

                one: 12,
                two: 15,
                three: 12
            }]
        }]

var MainInfo=[];
            for (i = 0; i < data.length; i++) {

                var obj = {}
                obj.BuildingID = data[i].BuildingID;
                obj.FloorId = data[i].FloorId;
                obj.volume = data[i].volume[0];
                MainInfo.push(obj);
  
            }

it's working but not fully applicable here i mentioned the excepted output what should i need

Current output

Expected output

Note:in data volume is dynamic help how to do this

(It is so nice to finally meet JavaScript in person) :-)

trincot
– trincot

2017-06-06 09:01:50 +00:00
Commented Jun 6, 2017 at 9:01 — trincot
– trincot, Commented Jun 6, 2017 at 9:01
i have updated my question:) @ trincot

jose
– jose

2017-06-06 09:05:32 +00:00
Commented Jun 6, 2017 at 9:05 — jose
– jose, Commented Jun 6, 2017 at 9:05

ponury-kostek · Accepted Answer · 2017-06-06 09:04:32Z

3

This should work for you

var data = [
	{
		BuildingID : "56",
		FloorId : "65",
		volume : [
			{
				one : 12,
				two : 15,
				three : 12
			}
		]
	}
];
var MainInfo = [];
for (i = 0; i < data.length; i++) {
	var obj = {};
	obj.BuildingID = data[i].BuildingID;
	obj.FloorId = data[i].FloorId;
	Object.getOwnPropertyNames(data[i].volume[0]).forEach(function (key) {
			obj[key] = data[i].volume[0][key];
	});
	MainInfo.push(obj);
}
console.log(MainInfo);

answered Jun 6, 2017 at 9:04

ponury-kostek

8,0835 gold badges27 silver badges33 bronze badges

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

Comments

Dinesh undefined · Accepted Answer · 2017-06-06 09:09:16Z

2

loop volume and get keys

var data = [{
            BuildingID: "56", FloorId: "65", volume: [{

                one: 12,
                two: 15,
                three: 12
            }]
        }];

var MainInfo=[];
  for (var i = 0; i < data.length; i++) {

      var obj = {};
      obj.BuildingID = data[i].BuildingID;
      obj.FloorId = data[i].FloorId;
     
      for(var j in data[i].volume[0]){
     
        obj[j]= data[i].volume[0][j];
      }
      MainInfo.push(obj);

  }
            
            console.log(MainInfo);

answered Jun 6, 2017 at 9:09

Dinesh undefined

5,5262 gold badges22 silver badges41 bronze badges

1 Comment

jcaron Over a year ago

It is usually a good idea to skip potential inherited properties with a hasOwnProperty check or an equivalent.

Shivam Tiwari · Accepted Answer · 2017-06-06 12:28:44Z

2

There are a lot of correct answers already present however you can use ES6 Arrow function to achieve this with minimum syntax.

var MainInfo = data.map( x=>{ return {
        "BuildingID" : x.BuildingID,
        "FloorId" : x.FloorId,
        "one" : x.volume[0]["one"],
        "two" : x.volume[0]["two"],
        "three" : x.volume[0]["three"],
    }})

More about arrow functions here

edited Jun 6, 2017 at 12:28

answered Jun 6, 2017 at 10:38

Shivam Tiwari

3553 silver badges11 bronze badges

Comments

F. Cartolano · Accepted Answer · 2017-06-06 09:06:49Z

1

If you want this expected output just replace the 2nd part by

var MainInfo=[];
        for (i = 0; i < data.length; i++) {

            var obj = {}
            obj.BuildingID = data[i].BuildingID;
            obj.FloorId = data[i].FloorId;
            obj.one = data[i].volume[0].one;
            obj.three = data[i].volume[0].three;
            obj.two = data[i].volume[0].two;

            MainInfo.push(obj);

        }

answered Jun 6, 2017 at 9:06

F. Cartolano

195 bronze badges

1 Comment

jose Over a year ago

Note:in data volume is dynamic help how to do this

prasanth · Accepted Answer · 2017-06-06 09:10:45Z

1

Try with Object.key() and Object.values() function .And Array#forEach used for iterate the array .Don't hardcore with volume[0] .batter iterate with forEach

var data = [{ BuildingID: "56", FloorId: "65", volume: [{ one: 12, two: 15,   three: 12}] }]

var MainInfo=[];
            for (i = 0; i < data.length; i++) {
                var obj = {}
                obj.BuildingID = data[i].BuildingID;
                obj.FloorId = data[i].FloorId;
                data[i].volume.forEach(function(a,c){
                Object.keys(data[i].volume[c]).forEach(function(a,b){
                  obj[a] = Object.values(data[i].volume[c])[b]
                })
                })
                MainInfo.push(obj);
            }
            console.log(MainInfo)

edited Jun 6, 2017 at 9:10

answered Jun 6, 2017 at 9:03

prasanth

22.6k4 gold badges33 silver badges57 bronze badges

4 Comments

jcaron Over a year ago

Not quite sure what the point of using Object.values could be, when you can directly access the original object, especially given that Object.values support is very limited.

prasanth Over a year ago

@jcaron For op requirement Object.values is enough .Object.value array is same length of the object.key array that why i was used .and have same position of the value with respected key array

jcaron Over a year ago

Using Object.values overcomplicates things for no reason. You write Object.values(data[i].volume[c])[b] when you could write data[i].volume[c][a]. Also, there are lots of browsers not supporting it.

jcaron Over a year ago

Also you're re-using the same variable (a) in two nested loops, which is prone to confusion. And your indentation is incorrect.

jcaron · Accepted Answer · 2017-06-06 09:05:01Z

0

You can use a function like this one:

function copyProperties(sourceObject, destinationObject)
{
    var k;
    for (k in sourceObject)
    {
       if (sourceObject.hasOwnProperty(k))
         destinationObject[k] = sourceObject[k];
    }
}

Note that you haven't quite described what should happen if there's more than one object in the volume array.

answered Jun 6, 2017 at 9:05

jcaron

17.8k6 gold badges36 silver badges47 bronze badges

Comments

Nina Scholz · Accepted Answer · 2017-06-06 09:05:52Z

0

You could use Object.assign for assigning all properties to another object.

var data = [{ BuildingID: "56", FloorId: "65", volume: [{ one: 12, two: 15, three: 12 }] }],
    mainInfo = [],
    i, obj;

for (i = 0; i < data.length; i++) {
  obj = {}
  obj.BuildingID = data[i].BuildingID;
  obj.FloorId = data[i].FloorId;
  mainInfo.push(Object.assign(obj, data[i].volume[0]));
}

console.log(mainInfo);

answered Jun 6, 2017 at 9:05

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

2 Comments

jcaron Over a year ago

Note that Object.assign is not supported by IE or the majority of Android browsers, you'll need a polyfill for those.

Nina Scholz Over a year ago

@jcaron, right, but the new standard is ES6 with Object.assign. it is still possible to iterate wanted properties and assign by hand, but to know, theres a new method to directly assign a whole bunch of properties, it is an advantage.

ramwin · Accepted Answer · 2017-06-06 09:07:57Z

0

If you are using jQuery, you can use $.extend(obj, volume[0])

answered Jun 6, 2017 at 9:07

ramwin

6,3433 gold badges31 silver badges35 bronze badges

Collectives™ on Stack Overflow

how to push sub array object into an a array in javascript

Current output

Expected output

8 Answers 8

Comments

1 Comment

Comments

1 Comment

4 Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Current output

Expected output

8 Answers 8

Comments

1 Comment

Comments

1 Comment

4 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related