Javascript agregar el elemento a la matriz actual

Question

Estoy tratando de agregar un elemento a una matriz actual.

var arrayValues = new Array(); 
arrayValues.push("Value 1"); 
arrayValues.push("Value 2"); 
arrayValues = document.getElementsByTagName('a'); 
arrayValues.push("Value 3"); 

De esta manera, consigo un error y no consigo el valor 1 y el valor 2, después de conseguir la colección hipervínculo cuando intento agregar un nuevo elemento que arroja error: El objeto no acepta esta propiedad o método que es el método push.

¿Qué le está sucediendo a la matriz después de asignar la colección de hipervínculos? ¿Cómo puedo agregar un nuevo elemento?

Answer 1

Quizás quiso decir arrayValues.push(document.getElementsByTagName('a'));?

De lo contrario, está asignando el NodeList devuelto por getElementsByTagName(), que sobrescribe la matriz en la que acaba de insertar los valores.

Nota al margen: no hay ninguna razón para usar new Array() aquí. Solo escriba var arrayValues = [];.

Answer 2

Si desea insertar todos los elementos <a> en la matriz, primero debe convertir NodeList en una matriz. La mayoría de las personas usan Array.prototype.slice.call(nodelist).

Una vez que tenga una matriz, puede usar array.push junto con function.apply para enviarlos en una sola llamada.

El código resultante se parece a:

var arrayValues = []; 
arrayValues.push("Value 1"); 
arrayValues.push("Value 2"); 
arrayValues.push.apply(arrayValues, Array.prototype.slice.call(document.getElementsByTagName('a'))); 
arrayValues.push("Value 3");