I have 3 separate arrays and I'm looking to load them all into to a single array. Am I able to use .push() several arrays into one? Is something like this possible?

 var activeMembers=[];      // Active Users
 var noactiveMsg=[];        // Non-Active Users with a Pending Message
 var noactiveNomsg=[];      // Non-Active Users without a Pending Message
 var chatCenterMembers=[];          // Final Array of Chat Center Members


 chatCenterMembers.pu开发者_Go百科sh(activeMembers).push(noactiveMsg).push(noactiveNomsg);

Is there a way to chain .push()?

You're looking for the (vanilla) JavaScript method Array.concat().

Returns a new array comprised of this array joined with other array(s) and/or value(s).

Example, following your code:

chatCenterMembers = chatCenterMembers
    .concat(activeMembers)
    .concat(noactiveMsg)
    .concat(noactiveNomsg);

chatCenterMembers.push(activeMembers,noactiveMsg,noactiveNomsg)

This question is quite confusing. First of all, the question seems to be asking for a way to combine multiple arrays into one single array containing the elements of all the arrays. However, the accepted answer provides a solution for creating an array of arrays. Since the text in the question suggests merging the elements of multiple arrays into one array while the code example uses push with arrays as arguments, it's quite ambigious what the OP wants.

Furthermore, several answers have suggested using concat. While that fulfills the requirement of returning the resulting array after adding the provided element, and is fine for small sets of data and/or where performance and memory is not an issue, it's inefficient if dealing with large arrays, since each concat operation will allocate a new array, copy all the elements of the old array into it, then copy all the elements of the provided array into it, and dereference the old array (as opposed to simply adding elements to the same array object).

Consider calling concat N times, adding C elements each time:

allocate new array, copy C elements
allocate new array, copy 2 * C elements
allocate new array, copy 3 * C elements
...

A different approach would be to create your own method, either as a separate function or adding it to the Array prototype:

Array.prototype.append = function(e) {
    this.push(e);

    return this;
}

With this, you could do

[1, 2, 3].append(4).append(5).append(6)

without allocating more than one array object in total.

It could perhaps also be mentioned that with ES2015, the spread operator can be used to add all the elements of an array to another array using push:

const arr1 = [1, 2, 3]
const arr2 = [4, 5, 6] 

arr1.push(...arr2); // arr1 is now [1, 2, 3, 4, 5, 6]

This will however not fulfill the requirement of returning the resulting array for chaining, but the append method above could be used to merge multiple arrays like this:

chatCenterMembers = activeMembers.append(...noactiveMsg).append(...noactiveNomsg);

You can do it instead with .concat().

var chatCenterMembers=[];
chatCenterMembers = chatCenterMembers.concat(activeMembers, noactiveMsg, noactiveNomsg);

Since on one else has posted it:

var chatCenterMembers = activeMembers.concat(noactiveMsg, noactiveNomsg);

push AND unshift chaining

I actually came here looking for both but didn't see any good answer so far for unshift so I'll note that here as well.

push chaining is straight forward

const list = ['hi', 'there']
  .concat(['buddy'])
// list is now ['hi', 'there', 'buddy']

but unshift chaining is weird

// need to use concat + map to do unshift chaining
const list = ['hi', 'there']
  .concat(['buddy'])
  .map((e, i, a) => i == 0 ? a[a.length - 1] : a[i-1])
// list is now ['buddy', 'hi', 'there']

As you can see using map there is a 3rd param given for the array you are using so this gives you power to do all sorts of odd things.