How to get single array from multiple array in javascript [duplicate]

Question

I have array like this

   var arr = [
                [ {"c": 1},{"d": 2} ],
                [ {"c": 2},{"d": 3} ]
             ]

I want to change into (by javascript only)

var newArr  = [{"c": 1},{"d": 2},{"c": 2},{"d": 3}]

I have tried this by map but not getting expected output .

Answer 1

You can use reduce() and spread syntax.

 var arr = [
  [ {"c": 1},{"d": 2} ],
  [ {"c": 2},{"d": 3} ]
]

var result = arr.reduce((r, e) => (r.push(...e), r), [])
console.log(result)

Answer 2

You could use Array#reduce with Array#concat.

var arr = [[{ c: 1 }, { d: 2 }], [{ c: 2 }, { d: 3 }]],
    result = arr.reduce((r, a) => r.concat(a), []);

console.log(result)

ES5

var arr = [[{ c: 1 }, { d: 2 }], [{ c: 2 }, { d: 3 }]],
    result = arr.reduce(function (r, a) { return r.concat(a); }, []);

console.log(result)

Answer 3

In plain JavaScript you can do this using Array.portotype.forEach.

var arr = [
                [ {"c": 1},{"d": 2} ],
                [ {"c": 2},{"d": 3} ]
             ];
             
var newArray = [];

arr.forEach(function(e){
	e.forEach(function(e1){
		newArray.push(e1);
	});
})

console.log(newArray);

Use this..