ECMAScript 2015, auch ES6 genannt, ist eine Erweiterungsversion von Javascript. Mit diesem Update wurden einige Funktionen eingeführt und die Methoden, die mit dem Array arbeiten, sind unten aufgeführt –

1. find()-Methode: Diese Methode gibt die zuerst erschienene Entität des Arrays zurück, nach der Sie suchen. Syntaktisch können wir sagen, dass sie ein Element eines Arrays gemäß der als Argument bereitgestellten Testfunktion zurückgibt. 

• Es wird undefiniert zurückgegeben , wenn gemäß einer bestimmten Bedingung kein solches Element gefunden wird.
• Es wird das erste Vorkommen zurückgegeben , wenn mehr als ein Element die angegebene Bedingung erfüllt.

Beispiel: Wir stellen eine einfache Funktion mit fetter Pfeilsyntax innerhalb der Find-Methode bereit, die prüft, ob das aktuelle Element gleich 5 ist oder nicht, und sie wird das Element zurückgeben, für das diese Bedingung den Wahrheitswert ergibt.

<script>
    const array = [6, 8, 78, 21, 5];
  
    const returnedElement = array.find((element) => {
        return element == 5;
    });
  
    console.log(returnedElement);
</script>

Ausgabe:

2. findIndex()-Methode: Sie ähnelt der oben beschriebenen find-Methode, der Unterschied besteht darin, dass sie den Index des Elements anstelle des tatsächlichen Werts zurückgibt und -1 zurückgibt, wenn dieses Element nicht gefunden wird. Syntaktisch gibt es den Index der Elemente zurück, für die die Callback-Funktion einen Wahrheitswert liefert.

Beispiel:

<script>
    const array = [6, 8, 78, 21, 5];
  
    const returnedIndex = array.findIndex((element) => {
        return element == 5;
    });
  
    console.log(returnedIndex);
  
</script>

Ausgabe:

3. of()-Methode: Diese erstellt die neue Array-Instanz gemäß den bereitgestellten Daten. Sie ist unabhängig von der Anzahl und Art der Elemente. 

Syntax:

Array.of(element0, element1, element2,......elementn)

Beispiel: Im ersten haben wir nur eine Ganzzahl übergeben, daher wird ein Array mit einem einzelnen Element erstellt. Dies ist eines der Merkmale, das es vom Array-Konstruktor unterscheidet. Im zweiten haben wir 4 Werte übergeben, um ein Array zu erstellen.

<script>
    const arr1 = Array.of(2);
    const arr2 = Array.of(7, 2, 3, 4);
    console.log(arr1);
    console.log(arr2);
</script>

Ausgabe:

4. fill()-Methode: Wie der Name schon sagt, wird sie verwendet, um das Array oder einen bestimmten Teil mit einem einzelnen bereitgestellten Wert zu füllen. Es gibt das ursprüngliche Array nach einigen Fülländerungen zurück.

Syntax:

fill(value, start, end)

• Sie können das Start- und Endargument weglassen. Der Standardwert ist 0 bzw. die Länge des Arrays .
• Es kopiert das Array nicht, sondern ändert das Original und gibt es zurück.

Beispiel: Wir haben am Anfang ein Array erstellt. Der erste Aufruf zum Füllen der Methode gibt das Array mit dem Elementwert 1 von 3 bis 5 (exklusiver) Index zurück. Der zweite gibt das mit 7 gefüllte Array von 2 bis zum letzten Index zurück. Der dritte gibt das Array zurück, das überall mit 3 gefüllt ist.

<script>
    const arr = [8, 3, 11, 9, 6];
    console.log(arr.fill(1, 3, 5));
    console.log(arr.fill(7, 2));
    console.log(arr.fill(3));
</script>

Ausgabe:

5. from()-Methode: Erstellt eine flache kopierte Instanz eines Arrays gemäß dem bereitgestellten iterierbaren Objekt, dh Set, Map, Nodelist, String usw. 

Beispiel: Beim ersten Aufruf der from -Methode übergeben wir eine Menge, die eine Array-Instanz zurückgibt, und ähnlich gibt es beim zweiten einen String.

<script>
    const set = new Set(['foo', 'bar', 'baz', 'foo']);
    console.log(Array.from(set));
  
    const str = 'string';
    console.log(Array.from(str));
</script>

Ausgabe:

6. values()-Methode: Dies gibt das iterierbare Objekt der Werte des bereitgestellten Arrays zurück. 

Beispiel: Nachdem wir das Array deklariert haben, gibt es einen Funktionsaufruf an die Wertemethode, die das iterierbare Objekt der Werte des Arrays zurückgibt.

<script>
    const arr = ['a', 'b', 'c', 'd'];
    const iterator = arr.values();
  
    for (const value of iterator) {
        console.log(value);
    }
</script>

Ausgabe:

7. Methode keys(): Gibt das iterierbare Objekt zurück, das die Schlüssel der Elemente des Arrays enthält.

Beispiel:

<script>
    const arr = ['a', 'b', 'c', 'd'];
    const iterator = arr.keys();
  
    for (const value of iterator) {
        console.log(value);
    }
</script>

Ausgabe:

8. entries()-Methode: Sie gibt das iterierbare Objekt zurück, das Schlüssel-Wert-Paare enthält, wobei Schlüssel der Index dieses Elements im Array sind.

Beispiel:

<script>
    const arr = ['a', 'b', 'c', 'd'];
    const iterator = arr.entries();
  
    for (const value of iterator) {
        console.log(value);
    }
</script>

Ausgabe:

9. copyWithin()-Methode: Wie der Name schon sagt, wird sie verwendet, um die Elemente innerhalb desselben Arrays oberflächlich von einem Ort zum anderen zu kopieren. Die Länge des Arrays bleibt unverändert. 

Syntax:

copyWithin(target, start, end);

• Sie können das Start- und Endargument weglassen. Der Standardwert ist 0 bzw. die Länge des Arrays .
• Wenn das Ziel hinter dem Start positioniert ist, wird die kopierte Sequenz gekürzt , um sie an die Länge des Arrays anzupassen

Beispiel: Zuerst haben wir ein Array erstellt und dann kopiert der vorherige Aufruf von copyWithin den Inhalt des Arrays vom 4. Index zum 5. (exklusiven) Index am 0. Zielindex. Später im nächsten Aufruf kopiert es den Inhalt des Arrays vom 3. Index zum letzten (weil das Endargument nicht angegeben ist) am Ziel des 2. Index.

<script>
    const arr = [1, 2, 3, 4, 5, 6];
  
    console.log(arr.copyWithin(0, 4, 5));
    console.log(arr.copyWithin(2, 3));
</script>

Ausgabe: