Concatenate JSON arrays in a JSON objects in javascript

Question

I have a JSON response like this:

{"result":[["abc","de"],["fgh"],["ij","kl"]]}

I want the response to be in the form:

{"result":["abc","de","fgh","ij","kl"]}

How can I achieve this?

do you mean you want to transform the response in javascript? — javiyu, Sep 06 '14 at 07:33
worst response u can get :P `x.split("[").join("").split("]").join("").replace(":",":[").replace("}","]}");` — Sunand, Sep 06 '14 at 07:33
possible duplicate of [Merge/flatten an Array of Arrays in JavaScript?](http://stackoverflow.com/questions/10865025/merge-flatten-an-array-of-arrays-in-javascript) — Benny Bottema, Sep 06 '14 at 08:00

score 1 · Answer 1 · answered Sep 06 '14 at 07:45

1

From the mozilla docs

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
  return a.concat(b);
});
// flattened is [0, 1, 2, 3, 4, 5]

answered Sep 06 '14 at 07:45

user3995789

3,452
1
19
35

score 0 · Answer 2 · answered Sep 06 '14 at 07:42

var test={"result":[["abc","de"],["fgh"],["ij","kl"]]};
var tmp=[];
for(var i in test.result){
    for(var j in test.result[i]){
      tmp.push(test.result[i][j]);
    }
}
test.result=tmp;
alert(JSON.stringify(test));

jsfiddle link http://jsfiddle.net/fu26849m/

score 0 · Answer 3 · edited May 23 '17 at 12:15

jsFiddle

var arrayToFlatten = [[0, 1], [2, 3], [4, 5]];

Native (from Merge/flatten an array of arrays in JavaScript?):

var flattenedNative = arrayToFlatten.reduce(function(a, b) {
  return a.concat(b);
});
alert(flattenedNative); // 0,1,2,3,4,5

jQuery (from How to flatten array in jQuery?):

var flattenedJQuery = $.map(arrayToFlatten, function(n) {
  return n;
});
alert(flattenedJQuery); // 0,1,2,3,4,5

Native alternative (from Merge/flatten an array of arrays in JavaScript?):

var flattenedNativeAlt = [].concat.apply([], arrayToFlatten);
alert(flattenedNativeAlt); // 0,1,2,3,4,5

Dem Pilafian · Answer 4 · 2014-09-06T08:08:15.690

0

The reduce() and concat() functions can be combined to flatten an array:

var json = {"result":[["abc","de"],["fgh"],["ij","kl"]]};

function concatArrays(a, b) { return a.concat(b); }
json.result = json.result.reduce(concatArrays);

console.log(json);  //{"result":["abc","de","fgh","ij","kl"]}

See it in action:
http://jsfiddle.net/cazomufn/

edited Sep 06 '14 at 08:08

answered Sep 06 '14 at 07:54

Dem Pilafian

5,625
6
39
67

score 0 · Answer 5 · answered Sep 06 '14 at 08:01

My first suggestion for this is you should create json directly as you want to use. Do not modify it after you get.

You can also use this , this will give you value as you want.:

    var mainText= JSON.parse('{"result":[["abc","de"],["fgh"],["ij","kl"]]}');
    var arr = [];
    for(var val1 in mainText.result)
    {   
        arr = arr.concat(mainText.result[val1]);
    }   
    mainText.result = arr;
    console.log(JSON.stringify(mainText));

ippi · Answer 6 · 2014-09-06T08:14:16.537

0

I like lodash' flatten (if you can live with another dependency.)

json.result = _.flatten(json.result);  

// { result:['abc','de','fgh','ij','kl'] }

For example reduce isn't supported before IE9 but lodash would still work (compatibility build).

edited Sep 06 '14 at 08:14

answered Sep 06 '14 at 08:07

ippi

9,857
2
39
50

Concatenate JSON arrays in a JSON objects in javascript

6 Answers6