Wie füge ich ein Objekt (z. B. eine Zeichenfolge oder eine Zahl) an ein Array in JavaScript an?
Antworten
Zu viele Anzeigen?Anhängen eines Wertes an ein Array
Depuis Array.prototype.push fügt ein oder mehrere Elemente an das Ende eines Arrays an und gibt die neue Länge des Arrays zurück Manchmal wollen wir einfach nur das neue, aktuelle Array abrufen, damit wir etwas wie folgt tun können:
const arr = [1, 2, 3];
const val = 4;
arr.concat([val]); // [1, 2, 3, 4]
Oder einfach nur:
[...arr, val] // [1, 2, 3, 4]
Ein einzelnes Element anhängen
Um ein einzelnes Element an ein Array anzuhängen, verwenden Sie die push()
Methode, die vom Array-Objekt bereitgestellt wird:
const fruits = ['banana', 'pear', 'apple']
fruits.push('mango')
console.log(fruits)
push()
mutiert das ursprüngliche Array.
Um stattdessen ein neues Array zu erstellen, verwenden Sie die concat()
Array-Methode:
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')
console.log(allfruits)
Beachten Sie, dass concat()
fügt dem Array nicht wirklich ein Element hinzu, sondern erstellt ein neues Array, das Sie einer anderen Variablen zuweisen oder dem ursprünglichen Array neu zuweisen können (indem Sie es als let
denn Sie können eine const
):
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')
console.log(allfruits)
let fruits = ['banana', 'pear', 'apple']
fruits = fruits.concat('mango')
Mehrere Elemente anhängen
Um ein mehrfaches Element an ein Array anzuhängen, können Sie push()
indem Sie es mit mehreren Argumenten aufrufen:
const fruits = ['banana', 'pear', 'apple']
fruits.push('mango', 'melon', 'avocado')
console.log(fruits)
Sie können auch die concat()
Methode, die Sie zuvor gesehen haben, und übergibt eine Liste von Elementen, die durch ein Komma getrennt sind:
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango', 'melon', 'avocado')
console.log(allfruits)
oder ein Array:
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat(['mango', 'melon', 'avocado'])
console.log(allfruits)
Denken Sie daran, dass diese Methode, wie zuvor beschrieben, das ursprüngliche Array nicht verändert, sondern ein neues Array zurückgibt.
Ursprünglich veröffentlicht am
Wenn Sie zwei Arrays ohne Duplikate kombinieren möchten, können Sie den folgenden Code verwenden:
array_merge = function (arr1, arr2) {
return arr1.concat(arr2.filter(function(item){
return arr1.indexOf(item) < 0;
}))
}
Verwendung:
array1 = ['1', '2', '3']
array2 = ['2', '3', '4', '5']
combined_array = array_merge(array1, array2)
Ausgabe:
[1,2,3,4,5]
Wenn Sie einen einzelnen Wert an ein Array anhängen wollen, verwenden Sie einfach die push-Methode. Damit wird ein neues Element am Ende des Arrays hinzugefügt.
Aber wenn Sie beabsichtigen, mehrere Elemente hinzuzufügen, dann speichern Sie die Elemente in einem neuen Array und konkaten das zweite Array mit dem ersten Array... so oder so.
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);