Heim  >  Artikel  >  Web-Frontend  >  Welche Array-Methode soll in JS verwendet werden?

Welche Array-Methode soll in JS verwendet werden?

DDD
DDDOriginal
2024-09-20 18:45:39901Durchsuche

Which Array method to use in JS?

  1. So mutieren Sie das ursprüngliche Array:
    1. push() Beschreibung: Fügt ein oder mehrere Elemente am Ende eines Arrays hinzu.
js
const fruits = ['apple', 'banana'];
fruits.push('orange');
console.log(fruits); // Output: ['apple', 'banana', 'orange']
  1. pop() Beschreibung: Entfernt das letzte Element aus einem Array und gibt dieses Element zurück.
js
const fruits = ['apple', 'banana', 'orange'];
const lastFruit = fruits.pop();
console.log(fruits); // Output: ['apple', 'banana']
console.log(lastFruit); // Output: 'orange'
  1. shift() Beschreibung: Entfernt das erste Element aus einem Array und gibt dieses Element zurück.
js
const fruits = ['apple', 'banana', 'orange'];
const firstFruit = fruits.shift();
console.log(fruits); // Output: ['banana', 'orange']
console.log(firstFruit); // Output: 'apple'
  1. unshift() Beschreibung: Fügt ein oder mehrere Elemente am Anfang eines Arrays hinzu.
js
const fruits = ['banana', 'orange'];
fruits.unshift('apple');
console.log(fruits); // Output: ['apple', 'banana', 'orange']
  1. spleißen() Beschreibung: Ändert den Inhalt eines Arrays durch Entfernen oder Ersetzen vorhandener Elemente und/oder Hinzufügen neuer Elemente.
js
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1, 'kiwi', 'mango'); // Removes 1 element at index 1 and adds 'kiwi' and 'mango'
console.log(fruits); // Output: ['apple', 'kiwi', 'mango', 'orange']
  1. fill() Beschreibung: Füllt alle Elemente eines Arrays von einem Startindex bis zu einem Endindex mit einem statischen Wert.
js
const numbers = [1, 2, 3, 4, 5];
numbers.fill(0, 1, 4); // Fills from index 1 to 4 with 0
console.log(numbers); // Output: [1, 0, 0, 0, 5]
  1. sort() Beschreibung: Sortiert die Elemente eines Arrays an Ort und Stelle und gibt das sortierte Array zurück.
js
const numbers = [5, 3, 8, 1];
numbers.sort(); // Sorts numbers as strings by default
console.log(numbers); // Output: [1, 3, 5, 8]
  1. umkehren() Beschreibung: Kehrt die Elemente eines Arrays um.
js
const numbers = [1, 2, 3, 4];
numbers.reverse();
console.log(numbers); // Output: [4, 3, 2, 1]
  1. splice() zum Entfernen Beschreibung: Sie können splice() auch verwenden, um Elemente zu entfernen, ohne welche hinzuzufügen.
js
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1); // Removes 1 element at index 1
console.log(fruits); // Output: ['apple', 'orange']
  1. copyWithin() Beschreibung: Shallow kopiert einen Teil eines Arrays an eine andere Stelle im selben Array und ändert das ursprüngliche Array.
js
const numbers = [1, 2, 3, 4, 5];
numbers.copyWithin(0, 3); // Copies elements from 
index 3 to 0
console.log(numbers); // Output: [4, 5, 3, 4, 5]

Das obige ist der detaillierte Inhalt vonWelche Array-Methode soll in JS verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn