Convert array to object and push object into array -javascript

Question

I getting the response array data is:

var data =[{
    'id':'1','name':'sam'
}];
var data =[{
    'id':'2','name':'ram'
}];
var data =[{
    'id':'2','name':'ragu'
}];

I am getting this data into looping method . This results are my server side console only. But, my client side as only view the first array data only so, i need to convert that array data into object and push into another var = arraydata.

I tried this code:

            var arrayData =[];
            var  [objectData] = data;
            arrayData.push(objectData);

I Tried result is:

var arrayData =[{
            'id':'1','name':'sam'
        }];

but i getting single data only

my expected result is :

var arrayData =[{
        'id':'1','name':'sam'
    },{
        'id':'2','name':'ram'
    },{
        'id':'2','name':'ragu'
    }];

please give any solution solution for me!

`i need to convert that array data into object` It is already object — brk, May 30 '18 at 04:52
Possible duplicate of [What is the most efficient way to concatenate N arrays?](https://stackoverflow.com/questions/5080028/what-is-the-most-efficient-way-to-concatenate-n-arrays) — Ashish Kadam, May 30 '18 at 05:07

score 1 · Answer 1 · answered May 30 '18 at 05:43

You can try Array concat() method.

var data1 =[{
    'id':'1','name':'sam'
}];
var data2 =[{
    'id':'2','name':'ram'
}];
var data3 =[{
    'id':'2','name':'ragu'
}];

var arrayData = data1.concat(data2, data3);

console.log(arrayData);

Using ES6 Destructuring assignment :

let data1 =[{
    'id':'1','name':'sam'
}];
let data2 =[{
    'id':'2','name':'ram'
}];
let data3 =[{
    'id':'2','name':'ragu'
}];

[...arrayData] = [...data1, ...data2, ...data3];

console.log(arrayData)

score 1 · Answer 2 · edited Jun 20 '20 at 09:12

1

ES6

You could use [].concat.apply([],[v1,va2.... so on])) to get the required result.

DEMO

var data =[{'id':'1','name':'sam'}], 
    data1 =[{'id':'2','name':'ram'}], 
    data2 =[{'id':'2','name':'ragu'}];
    
console.log([].concat.apply([],[data,data1,data2]))

.as-console-wrapper {max-height: 100% !important;top: 0;}

You can also use the Spread_syntax

DEMO

const data =[{'id':'1','name':'sam'}], 
    data1 =[{'id':'2','name':'ram'}], 
    data2 =[{'id':'2','name':'ragu'}];
    
console.log([...data,...data1,...data2])

.as-console-wrapper {max-height: 100% !important;top: 0;}

edited Jun 20 '20 at 09:12

Community

1
1

answered May 30 '18 at 05:54

Narendra Jadhav

10,052
15
33
44

I am getting const data value into looping . that are get one by one in to const data – May 30 '18 at 06:46
So you can use same inside of looping. – Narendra Jadhav May 30 '18 at 07:15

score 1 · Answer 3 · answered Jul 01 '18 at 15:38

1

I think your problem is var arrayData =[];, this code create arrayData is empty.

You should use var arrayData = arrayData || []; I hope it help you.

answered Jul 01 '18 at 15:38

hong4rc

3,999
4
21
40

score 0 · Answer 4 · answered May 30 '18 at 04:55

You can youse .concat() as per the example below:

var data1 = [{
    'id':'1','name':'sam'
}];

var data2 = [{
    'id':'2','name':'ram'
}];

var out = [].concat(data1, data2);


// After more data, or one at a time example
var data3 = [{
    'id':'3','name':'ragu'
}];

out = out.concat(data3)

console.log(out);

-> [{
->    'id':'1','name':'sam'
-> },{
->    'id':'2','name':'ram'
-> },{
->     'id':'2','name':'ragu'
-> }];

score 0 · Answer 5 · answered May 30 '18 at 04:57

you can concat all the arrays into one::

suppose I have 3 arrays

var data =[{
'id':'1','name':'sam'

}]; var data1 =[{ 'id':'2','name':'ram' }]; var data2 =[{ 'id':'3','name':'ragu' }];

you can get the result by

var output=data.concat(data1,data)

score 0 · Answer 6 · answered May 30 '18 at 05:25

0

you can use .forEatch()

var data = [{
    'id':'1','name':'sam'
}];

var data2 = [{
    'id':'2','name':'ram'
}];

data2.forEach(element => {
    data.push(element);
});

console.log(data);

answered May 30 '18 at 05:25

Bruno Marcelino

93
11

score 0 · Answer 7 · edited May 30 '18 at 06:02

0

try this,

use ES6 spread operator and push the new array object into old array.

var data =[{
    'id':'1','name':'sam'
}];
var data1 =[{
    'id':'2','name':'ram'
}];

data.push(...data1)

Hope this helps you :)

edited May 30 '18 at 06:02

Jaydp

1,029
9
17

answered May 30 '18 at 05:42

Bharath

335
2
8

score 0 · Answer 8 · answered May 30 '18 at 10:44

An array of Objects can be created by using the Spread operators

var data1 = [{
    'id':'1','name':'sam'
}];

var data2 = [{
    'id':'2','name':'ram'
}];
var data3 =[{
   'id':'2','name':'ragu'
}]; 
var data=[...data1,...data2, data3]

//console.log(data)

This will return you JSON object [{},{},{}]

Convert array to object and push object into array -javascript

8 Answers8

ES6