Javascript: presione una lista completa?

Question

¿Hay una construida en la forma de añadir una lista a otra, así:

var a = [1,2,3]; 
a.append([4,5]); 
// now a is [1,2,3,4,5]; 

concat() hace algo similar, pero devuelve el resultado. Quiero algo que modifica la lista existente como push()

Answer 1

push va a funcionar, pero también hay que utilizar apply.

var a = [1,2,3]; 
a.push.apply(a, [4,5]) 

Answer 2

¿Qué tal esto:

var a = [1, 2, 3]; 
a = a.concat([4, 5]); 
// a is now [1, 2, 3, 4, 5] 

Answer 3

var list = [1, 2]; 

La gente ya que mostraron cómo hacer esto con:

1. empuje: list.push.apply(list, [3, 4]);
2. concat: list = list.concat([4, 5]);

Pero quiero decir sobre ES6 spread operator: list.push(...[3, 4]); .

Tenga en cuenta que actualmente no hay muchos navegadores compatibles (puede usar transpilers).

Answer 4

Si está utilizando ES6 puede utilizar el operador de difusión

por ejemplo: -

listOne = [1,2,3] 
listTwo = [4,5,6] 
listTwo.push(...listOne) 

Answer 5

Debido a que acabo de escribir una aplicación web en la que una gran cantidad de matrices tiene que ser concatenados y donde el rendimiento es crítico , Probé qué método es el más rápido in this jsperf. Los resultados son muy interesantes.

En mi prueba, agrego 10 elementos a una lista o matriz de 10.000 elementos.

Aquí están los casos de prueba, del más rápido al más lento.Los resultados se miden en Chrome 62, pero Firefox 47 funciona de manera similar:

• LinkedList.prototype.concat: 90,313,485 ops/seg

  list.concat(concatList); 
  // This function has to change only 1-2 refences 
  

• Array.prototype.push en un bucle for: 3,794,962 ops/seg

  for (var i = 0, len = concatArr.length; i < len; i++) { 
      array.push(concatArr[i]); 
  } 
  // Probably fastest in real life 
  

• Array.prototype.push.apply: 2,193,469 ops/sec

  array.push.apply(array, concatArr); 
  

• Array.prototype.concat: 22701 ops/seg

  array = array.concat(concatArr); 
  

Por desgracia, la versión LinkedList no funciona si quieres concat una matriz/lista para múltiplesLinkedList s. Tampoco tiene ningún beneficio si se debe copiar una matriz a LinkedList antes de cada operación de concat. Entonces, para mí, el ganador es el para el ciclo.

Una razón para no usar Array.prototype.push.apply es que falla si la matriz concatenada es demasiado grande. De acuerdo con this answer, la matriz concatenada no puede tener más de 500,000 elementos en Firefox y 150,000 elementos en Chrome.

He excluido el spread operator porque no es compatible con todos los navegadores. En Chrome, es tan rápido como Array.prototype.push.apply, en Firefox es un poco más lento.