¿Cómo agrego un objeto (como una cadena o un número) a una matriz en JavaScript?

Use el Array.prototype.pushmétodo para agregar valores a una matriz:

// initialize array
var arr = [
  "Hi",
  "Hello",
  "Bonjour"
];

// append new value to the array
arr.push("Hola");

console.log(arr);

Puede usar la push()función para agregar más de un valor a una matriz en una sola llamada:

// initialize array
var arr = ["Hi", "Hello", "Bonjour", "Hola"];

// append multiple values to the array
arr.push("Salut", "Hey");

// display all values
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

Actualizar

Si desea agregar los elementos de una matriz a otra matriz, puede usar firstArray.concat(secondArray):

var arr = [
  "apple",
  "banana",
  "cherry"
];

arr = arr.concat([
  "dragonfruit",
  "elderberry",
  "fig"
]);

console.log(arr);

Actualizar

Solo una adición a esta respuesta si desea agregar cualquier valor al comienzo de una matriz que signifique para el primer índice que luego puede usar Array.prototype.unshiftpara este propósito.

var arr = [1, 2, 3];
arr.unshift(0);
console.log(arr);

También admite agregar múltiples valores a la vez como push.

Si solo está agregando una sola variable, entonces push()funciona bien. Si necesita agregar otra matriz, use concat():

var ar1 = [1, 2, 3];
var ar2 = [4, 5, 6];

var ar3 = ar1.concat(ar2);

alert(ar1);
alert(ar2);
alert(ar3);

El concat no afecta ar1y, a ar2menos que sea reasignado, por ejemplo:

var ar1 = [1, 2, 3];
var ar2 = [4, 5, 6];

ar1 = ar1.concat(ar2);
alert(ar1);

Mucha información genial aquí .

Algunos puntos de referencia rápidos (cada prueba = 500k elementos adjuntos y los resultados son promedios de múltiples ejecuciones) mostraron lo siguiente:

Firefox 3.6 (Mac):

• Pequeñas matrices: arr[arr.length] = bes más rápido (300 ms frente a 800 ms)
• Matrices grandes: arr.push(b)es más rápido (500 ms frente a 900 ms)

Safari 5.0 (Mac):

• Pequeñas matrices: arr[arr.length] = bes más rápido (90 ms frente a 115 ms)
• Matrices grandes: arr[arr.length] = bes más rápido (160 ms frente a 185 ms)

Google Chrome 6.0 (Mac):

• Pequeñas matrices: sin diferencias significativas (¡y Chrome es RÁPIDO! ¡Solo ~ 38 ms!)
• Matrices grandes: sin diferencia significativa (160 ms)

Me gusta más la arr.push()sintaxis, pero creo que estaría mejor con la arr[arr.length]versión, al menos en velocidad bruta. Sin embargo, me encantaría ver los resultados de una ejecución de IE.

Mis bucles de evaluación comparativa:

function arrpush_small() {
    var arr1 = [];
    for (a = 0; a < 100; a++)
    {
        arr1 = [];
        for (i = 0; i < 5000; i++)
        {
            arr1.push('elem' + i);
        }
    }
}

function arrlen_small() {
    var arr2 = [];
    for (b = 0; b < 100; b++)
    {
        arr2 = [];
        for (j = 0; j < 5000; j++)
        {
            arr2[arr2.length] = 'elem' + j;
        }
    }
}


function arrpush_large() {
    var arr1 = [];
    for (i = 0; i < 500000; i++)
    {
        arr1.push('elem' + i);
    }
}

function arrlen_large() {
    var arr2 = [];
    for (j = 0; j < 500000; j++)
    {
        arr2[arr2.length] = 'elem' + j;
    }
}

Creo que vale la pena mencionar que se puede llamar push con múltiples argumentos, que se agregarán a la matriz en orden. Por ejemplo:

var arr = ['first'];
arr.push('second', 'third');
console.log(arr);

Como resultado de esto, puede usar push.apply para agregar una matriz a otra matriz de la siguiente manera:

var arr = ['first'];
arr.push('second', 'third');
arr.push.apply(arr, ['forth', 'fifth']);
console.log(arr);

El ES5 anotado tiene más información sobre exactamente qué hacer y aplicar .

Actualización de 2016: con spread , ya no lo necesitas apply, como:

var arr = ['first'];
arr.push('second', 'third');

arr.push(...['fourth', 'fifth']);
console.log(arr) ;

Puede usar pushy applyfunción para agregar dos matrices.

var array1 = [11, 32, 75];
var array2 = [99, 67, 34];

Array.prototype.push.apply(array1, array2);
console.log(array1);

Anexará array2a array1. Ahora array1contiene [11, 32, 75, 99, 67, 34]. Este código es mucho más simple que escribir forbucles para copiar todos y cada uno de los elementos de la matriz.

Con el nuevo operador de propagación ES6 , unir dos matrices usando pushes aún más fácil:

var arr = [1, 2, 3, 4, 5];
var arr2 = [6, 7, 8, 9, 10];
arr.push(...arr2);
console.log(arr);

Esto agrega el contenido de arr2al final de arr.

Ejemplo REPL de Babel

Si arres una matriz y vales el valor que desea agregar, use:

arr.push(val);

P.ej

var arr = ['a', 'b', 'c'];
arr.push('d');
console.log(arr);

Uso concat:

a = [1, 2, 3];
b = [3, 4, 5];
a = a.concat(b);
console.log(a);

Javascript con ECMAScript 5 estándar que es apoyada por la mayoría de los navegadores de hoy, se puede utilizar apply()para anexar array1a array2.

var array1 = [3, 4, 5];
var array2 = [1, 2];

Array.prototype.push.apply(array2, array1);

console.log(array2); // [1, 2, 3, 4, 5]

Javascript con el estándar ECMAScript 6 que es compatible con Chrome y FF e IE Edge, puede usar el spreadoperador:

"use strict";
let array1 = [3, 4, 5];
let array2 = [1, 2];

array2.push(...array1);

console.log(array2); // [1, 2, 3, 4, 5]

El spreadoperador reemplazará array2.push(...array1);conarray2.push(3, 4, 5); la que el explorador está pensando en la lógica.

Punto de bonificación

Si quieres crear otro variable para almacenar todos los elementos de ambas matrices, puede hacer esto:

ES5 var combinedArray = array1.concat(array2);

ES6 const combinedArray = [...array1, ...array2]

El operador de propagación ( ...) es distribuir todos los elementos de una colección.

Si desea agregar dos matrices:

var a = ['a', 'b'];
var b = ['c', 'd'];

entonces podrías usar:

var c = a.concat(b);

Y si desea agregar un registro ga la matriz ( var a=[]), puede usar:

a.push('g');

El push()método agrega nuevos elementos al final de una matriz y devuelve la nueva longitud. Ejemplo:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");

// The result of fruits will be:
Banana, Orange, Apple, Mango, Kiwi

La respuesta exacta a su pregunta ya está respondida, pero veamos algunas otras formas de agregar elementos a una matriz.

El unshift()método agrega nuevos elementos al comienzo de una matriz y devuelve la nueva longitud. Ejemplo:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon", "Pineapple");

// The result of fruits will be:
Lemon, Pineapple, Banana, Orange, Apple, Mango

Y, por último, el concat()método se utiliza para unir dos o más matrices. Ejemplo:

var fruits = ["Banana", "Orange"];
var moreFruits = ["Apple", "Mango", "Lemon"];
var allFruits = fruits.concat(moreFruits);

// The values of the children array will be:
Banana, Orange, Apple, Mango, Lemon

Hay un par de formas de agregar una matriz en JavaScript:

1) El push()método agrega uno o más elementos al final de una matriz y devuelve la nueva longitud de la matriz.

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

Salida:

[1, 2, 3, 4, 5]

2) El unshift()método agrega uno o más elementos al comienzo de una matriz y devuelve la nueva longitud de la matriz:

var a = [1, 2, 3];
a.unshift(4, 5);
console.log(a); 

Salida:

[4, 5, 1, 2, 3]

3) El concat()método se usa para fusionar dos o más matrices. Este método no cambia las matrices existentes, sino que devuelve una nueva matriz.

var arr1 = ["a", "b", "c"];
var arr2 = ["d", "e", "f"];
var arr3 = arr1.concat(arr2);
console.log(arr3);

Salida:

[ "a", "b", "c", "d", "e", "f" ]

4) Puede usar la .lengthpropiedad de la matriz para agregar un elemento al final de la matriz:

var ar = ['one', 'two', 'three'];
ar[ar.length] = 'four';
console.log( ar ); 

Salida:

 ["one", "two", "three", "four"]

5) El splice()método cambia el contenido de una matriz eliminando elementos existentes y / o agregando nuevos elementos:

var myFish = ["angel", "clown", "mandarin", "surgeon"];
myFish.splice(4, 0, "nemo");
//array.splice(start, deleteCount, item1, item2, ...)
console.log(myFish);

Salida:

["angel", "clown", "mandarin", "surgeon","nemo"]

6) También puede agregar un nuevo elemento a una matriz simplemente especificando un nuevo índice y asignando un valor:

var ar = ['one', 'two', 'three'];
ar[3] = 'four'; // add new element to ar
console.log(ar);

Salida:

["one", "two","three","four"]

Ahora, puede aprovechar la sintaxis de ES6 y simplemente hacer:

let array = [1, 2];
console.log([...array, 3]);

manteniendo la matriz original inmutable.

Si conoce el índice más alto (como el almacenado en una variable "i"), puede hacer

myArray[i + 1] = someValue;

Sin embargo, si no sabe, puede usar

myArray.push(someValue);

como sugirieron otras respuestas, o puede usar

myArray[myArray.length] = someValue; 

Tenga en cuenta que la matriz está basada en cero, por lo que la longitud devuelve el índice más alto más uno.

También tenga en cuenta que no tiene que agregar en orden y puede omitir valores, como en

myArray[myArray.length + 1000] = someValue;

En cuyo caso, los valores intermedios tendrán un valor indefinido.

Por lo tanto, es una buena práctica al recorrer un JavaScript para verificar que realmente exista un valor en ese punto.

Esto se puede hacer de la siguiente manera:

if(myArray[i] === "undefined"){ continue; }

Si está seguro de que no tiene ceros en la matriz, puede hacer lo siguiente:

if(!myArray[i]){ continue; }

Por supuesto, asegúrese en este caso de que no use como condición myArray [i] (como algunas personas en Internet sugieren que, tan pronto como sea mayor, el índice más alto volverá indefinido, lo que se evalúa como falso)

Agregar elemento único

//Append to the end
arrName.push('newName1');

//Prepend to the start
arrName.unshift('newName1');

//Insert at index 1
arrName.splice(1, 0,'newName1');
//1: index number, 0: number of element to remove, newName1: new element


// Replace index 3 (of exists), add new element otherwise.
arrName[3] = 'newName1';

Agregar elementos múltiples

//Insert from index number 1
arrName.splice(1, 0,'newElemenet1', 'newElemenet2', 'newElemenet3');
//1: index number from where insert starts, 
//0: number of element to remove, 
//newElemenet1,2,3: new elements

Agregar matriz

//join two or more arrays
arrName.concat(newAry1, newAry2);
//newAry1,newAry2: Two different arrays which are to be combined (concatenated) to an existing array

concat(), por supuesto, también se puede usar con matrices bidimensionales. No se requiere bucle.

var a = [[1, 2], [3, 4]];

var b = [["a", "b"], ["c", "d"]];

b = b.concat (a);

alerta (b [2] [1]); // resultado 2

Deje que la propiedad de longitud de matriz haga el trabajo:

myarray[myarray.length] = 'new element value added to the end of the array';

myarray.length devuelve el número de cadenas en la matriz. JS se basa en cero, por lo que la siguiente clave de elemento de la matriz será la longitud actual de la matriz. EX:

var myarray = [0, 1, 2, 3],
    myarrayLength = myarray.length; //myarrayLength is set to 4

Solo quiero agregar un fragmento para la adición no destructiva de un elemento.

var newArr = oldArr.concat([newEl]);

Agregar un valor a una matriz

Dado que Array.prototype.push agrega uno o más elementos al final de una matriz y devuelve la nueva longitud de la matriz , a veces solo queremos obtener la nueva matriz actualizada para que podamos hacer algo así:

const arr = [1, 2, 3];
const val = 4;

arr.concat([val]); // [1, 2, 3, 4]

O solo:

[...arr, val] // [1, 2, 3, 4]

Si está utilizando el ES6, puede usar el operador de propagación para hacerlo.

var arr = [
    "apple",
    "banana",
    "cherry"
];

var arr2 = [
    "dragonfruit",
    "elderberry",
    "fig"
];

arr.push(...arr2);

puedes hacerlo usando la nueva función javascript Es 6:

// initialize array

var arr = [
    "Hi",
    "Hello",
    "Bangladesh"
];

// append new value to the array

arr= [...arr , "Feni"];

// or you can put a variable value

var testValue = "Cool";

arr = [...arr , testValue ];

console.log(arr); 

// final output  [ 'Hi', 'Hello', 'Bangladesh', 'Feni', 'Cool' ]

si desea combinar 2 matrices sin el duplicado, puede probar el siguiente código

array_merge = function (arr1, arr2) {
  return arr1.concat(arr2.filter(function(item){
    return arr1.indexOf(item) < 0;
  }))
}

uso:

array1 = ['1', '2', '3']
array2 = ['2', '3', '4', '5']
combined_array = array_merge(array1, array2)

Salida: [1,2,3,4,5]

Agregar un solo elemento

Para agregar un solo elemento a una matriz, use el push()método proporcionado por el objeto Array:

const fruits = ['banana', 'pear', 'apple']
fruits.push('mango')
console.log(fruits)

push() Muta la matriz original.

Para crear una nueva matriz, use el concat()método Array:

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')
console.log(allfruits)

Tenga en cuenta que en concat()realidad no agrega un elemento a la matriz, sino que crea una nueva matriz, que puede asignar a otra variable o reasignar a la matriz original (declarándolo como let, ya que no puede reasignar a const):

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')
console.log(allfruits)

let fruits = ['banana', 'pear', 'apple']
fruits = fruits.concat('mango')

Agregar varios elementos

Para agregar un elemento múltiple a una matriz, puede usarlo push()llamándolo con varios argumentos:

const fruits = ['banana', 'pear', 'apple']
fruits.push('mango', 'melon', 'avocado')
console.log(fruits)

También puede usar el concat()método que vio antes, pasando una lista de elementos separados por una coma:

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango', 'melon', 'avocado')
console.log(allfruits)

o una matriz:

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat(['mango', 'melon', 'avocado'])
console.log(allfruits)

Recuerde que, como se describió anteriormente, este método no muta la matriz original, pero devuelve una nueva matriz.

Publicado originalmente en

Usted .push () ese valor en. Ejemplo: array.push (value);

Si desea agregar un solo valor a una matriz, simplemente use el método push. Agregará un nuevo elemento al final de la matriz.

Pero si tiene la intención de agregar varios elementos, almacene los elementos en una nueva matriz y concatene la segunda matriz con la primera matriz ... de cualquier manera que desee.

arr=['a','b','c'];
arr.push('d');
//now print the array in console.log and it will contain 'a','b','c','d' as elements.
console.log(array);

No tenemos la función append para Array en javascript, pero tenemos push y unshift , imagina que tienes la siguiente matriz:

var arr = [1, 2, 3, 4, 5];

y nos gusta agregar un valor a esta matriz, podemos hacer, arr.push (6) y agregará 6 al final de la matriz:

arr.push(6); // return [1, 2, 3, 4, 5, 6];

también podemos usar unshift, mira cómo podemos aplicar esto:

arr.unshift(0); //return [0, 1, 2, 3, 4, 5];

Son funciones principales para agregar o agregar nuevos valores a las matrices.

Puedes usar el método push.

Array.prototype.append = function(destArray){
     destArray = destArray || [];
     this.push.call(this,...destArray);
     return this;
}
var arr = [1,2,5,67];
var arr1 = [7,4,7,8];
console.log(arr.append(arr1));// [7, 4, 7, 8, 1, 4, 5, 67, 7]
console.log(arr.append("Hola"))//[1, 2, 5, 67, 7, 4, 7, 8, "H", "o", "l", "a"]

push()agrega un nuevo elemento al final de una matriz.
pop()elimina un elemento del final de una matriz.

Para agregar un objeto (como una cadena o un número) a una matriz, use:
array.push(toAppend);

Agregar elementos en una matriz

let fruits =["orange","banana","apple","lemon"]; /*array declaration*/

fruits.push("avacado"); /* Adding an element to the array*/

/*displaying elements of the array*/

for(var i=0; i < fruits.length; i++){
  console.log(fruits[i]);
}

Puede usar push () si desea agregar valores, p. Ej. arr.push("Test1", "Test2");

Si tiene una matriz, puede usar concat (), por ejemplo Array1.concat(Array2)

Si solo tiene un elemento para agregar, también puede probar la longitud menthod, por ejemplo array[aray.length] = 'test';