objetos - Agregar nuevo valor a una matriz existente en JavaScript

recorrer array de objetos javascript

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Cómo añadir algo a una matriz? 30 respuestas

En PHP, haría algo como:

$array = array();
$array[] = "value1";
$array[] = "value2";
$array[] = "value3";

¿Cómo haría lo mismo en JavaScript?

Answer 1

Array es un objeto nativo de JavaScript, ¿por qué no intentas usar su API? Conocer la API por sí solo le ahorrará tiempo cuando cambie a JavaScript puro u otro marco.

Hay varias posibilidades diferentes, por lo tanto, use la que más se adapte a sus necesidades.

Creando matriz con valores:

var array = ["value1", "value2", "value3"];

Añadiendo valores al final.

var array = [];
array.push("value1");
array.push("value2");
array.push("value3");

Añadiendo valores al comienzo:

var array = [];
array.unshift("value1");
array.unshift("value2");
array.unshift("value3");

Añadiendo valores en algún índice:

var array = [];
array[index] = "value1";

o usando el empalme

array.splice(index, 0, "value1", "value2", "value3");

Elige uno que necesites.

Answer 2

De hecho, debe inicializar la matriz y, a continuación, utilizar la línea de comandos array.push ().

var array = new Array();
array.push("first value");
array.push("second value");

Answer 3

Esto no tiene nada que ver con jQuery, solo JavaScript en general.

Para crear una matriz en JavaScript:

var a = [];

O:

var a = [''value1'', ''value2'', ''value3''];

Para agregar valores al final de la matriz existente:

a.push(''value4'');

Para crear una nueva matriz, realmente debería usar [] lugar de la new Array() por las siguientes razones:

• new Array(1, 2) es equivalente a [1, 2] , pero la new Array(1) no es equivalente a [1] . Más bien, este último está más cerca de [undefined] , ya que un solo argumento entero para el constructor de Array indica la longitud de la matriz deseada.
• Array , al igual que cualquier otra clase de JavaScript incorporada, no es una palabra clave. Por lo tanto, alguien podría definir fácilmente Array en su código para hacer otra cosa que no sea construir un array.

Answer 4

Hay varias maneras:

Al crear una instancia de la matriz:

var arr;
arr = new Array(); // empty array
// ---
arr = []; // empty array
// ---
arr = new Array(3);
alert(arr.length); // 3
alert(arr[0]); // undefined
// ---
arr = [3];
alert(arr.length); // 1
alert(arr[0]); // 3

Empujando a la matriz:

arr = [3]; // arr == [3]
arr[1] = 4; // arr == [3, 4]
arr[2] = 5; // arr == [3, 4, 5]
arr[4] = 7; // arr == [3, 4, 5, undefined, 7]
// ---
arr = [3];
arr.push(4); // arr == [3, 4]
arr.push(5); // arr == [3, 4, 5]
arr.push(6, 7, 8); // arr == [3, 4, 5, 6, 7, 8]

Usar .push() es la mejor manera de agregar a una matriz, ya que no necesita saber cuántos elementos ya están allí, y puede agregar muchos elementos en una llamada de función.

Answer 5

No necesitas jQuery para eso. Use javascript regular

var arr = new Array();
// or var arr = [];
arr.push(''value1'');
arr.push(''value2'');

Nota: en javascript, también puede usar Objetos como Arrays, pero aún así tener acceso a los prototipos de Array. Esto hace que el objeto se comporte como una matriz:

var obj = new Object();
Array.prototype.push.call(obj, ''value'');

creará un objeto que se parece a:

{
0: ''value'',
length: 1
}

Puede acceder a las barras como una matriz normal f.ex obj[0] .

Answer 6

Puede usar el método .push() (que es JavaScript estándar)

p.ej

var primates = new Array();
primates.push(''monkey'');
primates.push(''chimp'');

Answer 7

jQuery es una abstracción de JavaScript. Piense en jQuery como un subconjunto de JavaScript, destinado a trabajar con el DOM. Habiendo dicho eso; hay funciones para agregar elementos a una colección. Yo usaría JavaScript básico en tu caso, sin embargo:

var array;
array[0] = "value1";
array[1] = "value2";
array[2] = "value3";

... o

var array = ["value1", "value2", "value3"];

... o

var array = [];
array.push("value1");
array.push("value2");
array.push("value3");

Answer 8

array = ["value1", "value2", "value3"]

no es tanto jquery como javascript