Wie kann man etwas an ein Array anhängen?

Question

Wie füge ich ein Objekt (z. B. eine Zeichenfolge oder eine Zahl) an ein Array in JavaScript an?

Answer 1

Es gibt mehrere Möglichkeiten, ein Array in JavaScript anzuhängen:

1) Die push() Methode fügt ein oder mehrere Elemente an das Ende eines Arrays an und gibt die neue Länge des Arrays zurück.

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

Ausgabe:

[1, 2, 3, 4, 5]

2) Die unshift() Methode fügt ein oder mehrere Elemente an den Anfang eines Arrays und gibt die neue Länge des Arrays zurück:

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

Ausgabe:

[4, 5, 1, 2, 3]

3) Die concat() Methode wird verwendet, um zwei oder mehr Arrays zusammenzuführen. Diese Methode ändert sich nicht die vorhandenen Arrays, sondern gibt stattdessen ein neues Array zurück.

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

Ausgabe:

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

4) Sie können die Array's .length Eigenschaft, um ein Element am Ende des Arrays hinzuzufügen:

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

Ausgabe:

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

5) Die splice() Methode ändert den Inhalt eines Arrays, indem bestehende Elemente entfernt und/oder neue Elemente hinzugefügt werden:

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

Ausgabe:

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

6) Sie können auch ein neues Element zu einem Array hinzufügen, indem Sie einfach einen neuen Index angeben und einen Wert zuweisen:

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

Ausgabe:

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

Answer 2

Le site push() Methode fügt neue Elemente an das Ende eines Arrays an und gibt die neue Länge zurück. Beispiel:

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

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

Die genaue Antwort auf Ihre Frage ist bereits beantwortet, aber lassen Sie uns einige andere Möglichkeiten betrachten, um Elemente zu einem Array hinzuzufügen.

Le site unshift() Methode fügt neue Elemente an den Anfang eines Arrays hinzu und gibt die neue Länge zurück. Beispiel:

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

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

Und schließlich die concat() Methode wird verwendet, um zwei oder mehr Arrays zu verbinden. Beispiel:

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

Answer 3

Jetzt können Sie die folgenden Vorteile nutzen ES6 Syntax und machen einfach

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

wobei das ursprüngliche Array unveränderlich bleibt.

Answer 4

Ein einzelnes Element anhängen

// 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';

Mehrere Elemente anhängen

// 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

Anhängen eines Arrays

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

Answer 5

Wenn Sie Folgendes verwenden ES6 können Sie Verbreitung Betreiber zu tun.

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

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

arr.push(...arr2);