objetos - javascript push array into array




¿Cómo añadir algo a una matriz? (20)

Solo desea agregar un fragmento de código para la adición no destructiva de un elemento.

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

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


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

Agregar un valor a una matriz

Como 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]

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

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

manteniendo la matriz original inmutable.


Anexando 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]);
}

Con el nuevo operador de expansión ES6, unir dos matrices utilizando push es 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); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

Esto agrega el contenido de arr2 al final de arr .

Ejemplo de Babel REPL


El método push() 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 método unshift() agrega nuevos elementos al principio 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 método concat() 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

Javascript con el estándar ECMAScript 5 , que es compatible con la mayoría de los navegadores ahora, puede usar apply() para agregar array1 a 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 operador de spread :

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

array2.push(...array1);

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

El operador de spread reemplazará array2.push(...array1); con array2.push(3, 4, 5); Cuando el navegador está pensando en la lógica.

Punto extra

Si desea crear otra 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.


Puede usar la función push () si desea agregar valores, por ejemplo, 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 el método de longitud, por ejemplo array[aray.length] = 'test';


Puede utilizar la función de push y push para anexar dos matrices.

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

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

array2 a array1 . Ahora array1 contiene [11, 32, 75, 99, 67, 34] . Este código es mucho más simple que escribir for bucles copien todos y cada uno de los elementos de la matriz.


Si arr es una matriz y val es el valor que desea agregar, use:

arr.push(val);

P.ej

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

se registrará:

['a', 'b', 'c', 'd']

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

myArray[i + 1] = someValue;

Sin embargo, si no lo sabes, entonces puedes usar

myArray.push(someValue);

Como se sugiere en otras respuestas, o puede usar

myArray[myArray.length] = someValue; 

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

También tenga en cuenta que no tiene que agregar en orden y realmente 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 cuando se realiza un bucle a través de un JavaScript para verificar que realmente existe un valor en ese punto.

Esto se puede hacer por algo como lo siguiente:

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

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

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

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


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]


Si está utilizando el ES6, puede usar el operador de spread para hacerlo.

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

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

arr.push(...arr2);

Si solo estás 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);

Escupirá:

"1,2,3"
"4,5,6"
"1,2,3,4,5,6"

El concat no afecta a ar1 y ar2 menos que sea reasignado, por ejemplo:

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

Mostrará:

"1,2,3,4,5,6"

Mucha información here


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


concat() supuesto, concat() se puede utilizar 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


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 un uso de matriz:
array.push(toAppend);


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

1) El método push() 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 método unshift() agrega uno o más elementos al principio 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 método concat() se utiliza para combinar 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 propiedad .length 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 método splice() 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"]

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' ]




append