merging array into one

Question

I'm creating an array using "push"

so the result is [Object, Object]

in there the code looks like:

[Object, Object]
    0: Object
        type: Array[6]
    1: Object
       type: Array[4]

I would like to combine both object and get a result like this:

["Mike", "Matt", "Nancy", "Adam", "Jenny", "Carl", "Jim", "Issac", "Lee", "Won"]

I have no idea to get this to work, any suggestion?

code sample:

    dropdown: function(data) {
        var arr = [];

        $.each(data, function(key, value) {
            arr.push({
                type: value.type
            });
        });
    }

Duplicate of http://stackoverflow.com/questions/1584370/how-to-merge-two-arrays-in-javascript — josephtikva1, Dec 31 '13 at 01:43
well, but i can have more that 2 obj, they can be 10. i'm just looping thr and pushing them to one array. — Darkagelink, Dec 31 '13 at 01:45
Could you share the code that actually creates the array; it would also be nice to explain what kind of objects you're talking about. — Ja͢ck, Dec 31 '13 at 01:46
Do you need to remove duplicates? Your title says `merge`, but most of the answers use `concat`, which just appends one array to another. — Barmar, Dec 31 '13 at 01:49

Adam Rackis · Answer 1 · 2013-12-31T01:56:14.757

4

You can concatenate one array onto another with concat.

arr = arr.concat(otherArr);

Note that concat creates a new array, leaving the original unchanged, which is why you have to re-assign it.

Note - for three arrays, you can just keep passing them in.

var arr1 = [0,1];
var arr2 = [2,3];
var arr3 = [4,5];

arr1 = arr1.concat(arr2, arr3);

console.log(arr1);

Fiddle

EDIT

You mentioned having dynamic arrays. I'm not sure what you mean by that, but I'll note that if you have an arbitrary array of arrays, and you want them all concated, you can do this

var arr1 = [0,1];
var arr2 = [2,3];
var arr3 = [4,5];

var otherArrays = [arr2, arr3];

arr1 = Array.prototype.concat.apply(arr1, otherArrays);

console.log(arr1);

FIDDLE

edited Dec 31 '13 at 01:56

answered Dec 31 '13 at 01:43

Adam Rackis

82,527
56
270
393

1

he wants to merge, not concatenate. – Barmar Dec 31 '13 at 01:45
how will this work with let say 3 array? can otherArr be = to arr1, arr2, arr3? – Darkagelink Dec 31 '13 at 01:45
`arr = arr1.concat(arr2).concat(arr3)` – Barmar Dec 31 '13 at 01:46
um, but the arr(s) are been created dynamically, I would know how many they are. not sure if i'm making myself clear – Darkagelink Dec 31 '13 at 01:50
I'm not sure why it matters whether or not the arrays are created dynamically. You still have access to the arrays, right? – Adam Rackis Dec 31 '13 at 01:51

scrblnrd3 · Answer 2 · 2013-12-31T01:51:43.803

1

Use concat, like this

arr1=["apple","orange","pineapple","pomegranate"];
arr2=["pizza","candy","chocolate","tasty"];
arr3=["food","drink"];
concatted=arr1.concat(arr2).concat(arr3);

You can keep chaining together arrays like that for as long as you want, until you run out of memory

Alternatively, you can just do this

concatted=arr1.concat(arr2,arr3);

If you want to remove duplicates, you can use this

Array.prototype.removeDuplicates=function(){
    var newArray=[];
    for(var i=0;i<this.length;i++){
        if(newArray.indexOf(this[i])==-1){
            newArray.push(this[i]);
        }
    }
    return newArray;
}

edited Dec 31 '13 at 01:51

answered Dec 31 '13 at 01:45

scrblnrd3

7,228
9
33
64

1

+1 - not sure why some people are insisting on using jQuery for something that's simply native to the language – Adam Rackis Dec 31 '13 at 01:53
1

Because jQuery is great and does all the things! If you don't use it your a idiot (credit to bobince) – scrblnrd3 Dec 31 '13 at 01:54
The pony, he comes :) – Adam Rackis Dec 31 '13 at 01:57

score 0 · Answer 3 · answered Dec 31 '13 at 01:43

0

Since you specified that you can use jquery, check out the merge() function: http://api.jquery.com/jquery.merge/

answered Dec 31 '13 at 01:43

Palpatim

9,074
35
43

i think merge() only work for 2 array, I dont know the # of array that i will be merging :/ - they can be 2 or 20. – Darkagelink Dec 31 '13 at 01:47
Write a loop, what's the problem? – Barmar Dec 31 '13 at 01:47
1

jQuery is great and does all the things. But in this case, I think `concat` is best – scrblnrd3 Dec 31 '13 at 01:47
@scrblnrd3 `concat` won't remove duplicates, will it? – Barmar Dec 31 '13 at 01:48
Reading the docs, it doesn't look like merge removes duplicates, either. – Adam Rackis Dec 31 '13 at 01:50
@Barmar but you can just use a loop, like I did in my answer – scrblnrd3 Dec 31 '13 at 01:51

score 0 · Accepted Answer · answered Dec 31 '13 at 01:51

0

A simple loop:

var result = [];
for (var i = 0; i < objects.length; i++) {
    $.merge(result, object[i].type);
}

answered Dec 31 '13 at 01:51

Barmar

741,623
53
500
612

something like this:? $.each(data, function(key, value) { arr.push({ type: value.type }); for (var i = 0; i < arr.length; i++) { $.merge(arr, arr[i].type); } }); – Darkagelink Dec 31 '13 at 01:55
This code shouldn't be in your `$.each` loop, it's something you do after, once the array of objects is created. – Barmar Dec 31 '13 at 01:56

merging array into one

4 Answers4