How can I add an array to an array of arrays using jQuery?

Question

I have an array, as below:

var cString =   [
            ['1','Techdirt','www.techdirt.com'],
            ['2','Slashdot','slashdot.org'],
            ['3','Wired','wired.com']
            ];

to this array I want to add another in the same format:

var test = ['4','Stackoverflow','stackoverflow.com']

I've tried using:

var newArray = $.merge(cString, test);

But console.log(newArray); outputs:

[►Array,►Array,►Array,'4','Stackoverflow','stackoverflow.com']

So I'm assuming that I'm missing something obvious. Or attempting something stupid...help?

user113716 · Accepted Answer · 2010-09-11 18:09:33Z

16

jQuery is not needed for this. Just use the Array's .push() method to add it to the main array.

var test = ['4','Stackoverflow','stackoverflow.com']

cString.push( test );

What $.merge() does is it walks through the second array you pass it and copies its items one by one into the first.

EDIT:

If you didn't want to modify the original array, you could make a copy of it first, and .push() the new Array into the copy.

var cString =   [
            ['1','Techdirt','www.techdirt.com'],
            ['2','Slashdot','slashdot.org'],
            ['3','Wired','wired.com']
            ];

var test = ['4','Stackoverflow','stackoverflow.com']

var newArray = cString.slice();

newArray.push( test );

edited Sep 11, 2010 at 18:09

answered Sep 11, 2010 at 17:46

user113716

323k64 gold badges454 silver badges441 bronze badges

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

5 Comments

David Thomas Over a year ago

Uhm, console.log(newArray) now returns 4 =/

user113716 Over a year ago

@David - You sure about that? jsfiddle.net/XLVxw/1 4 would be the appropriate Array length property value.

user113716 Over a year ago

@David - Oh, I see what you're doing. The .push() method modifies the original array, and returns the new length. That's why your newArray variable shows 4.

David Thomas Over a year ago

yup I'm fairly certain =b And, seriously, thanks for the forDummies() jsfiddle demo. It was needed =) +1, and accepted!

user113716 Over a year ago

@David - You're welcome! I should have paid more attention to the code in your question in the first place. :o)

bobince · Accepted Answer · 2010-09-11 18:27:31Z

2

In addition to push as described by patrick, if you want to create a new list rather than changing the old, you can add arrays together with Array#concat:

var newArray= cString.concat([['4','Stackoverflow','stackoverflow.com']]);

edited Sep 11, 2010 at 18:27

answered Sep 11, 2010 at 18:07

bobince

538k111 gold badges675 silver badges846 bronze badges

1 Comment

user113716 Over a year ago

Correct me if I'm wrong, but I think that would give OP the same result that $.merge was giving. I think you would need to do cString.concat([['4','Stackoverflow','stackoverflow.com']]) instead.?

Anbu · Accepted Answer · 2015-10-31 08:15:44Z

2

you can use merge function like this

var newArray = $.merge($.merge([], cString), test);

answered Oct 31, 2015 at 8:15

Anbu

5308 silver badges21 bronze badges

Collectives™ on Stack Overflow

How can I add an array to an array of arrays using jQuery?

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related