Werte aus einem Array extrahieren

JavaScriptJavaScriptBeginner
Jetzt üben

This tutorial is from open-source community. Access the source code

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Lab werden wir untersuchen, wie man in JavaScript Arrays manipuliert, indem man eine Funktion erstellt, die bestimmte Werte aus einem Array filtert und das ursprüngliche Array mutiert. Wir werden eingebautes Array-Methoden wie filter(), includes() und push() verwenden, um diese Funktionalität zu erreichen. Am Ende dieses Labs werden Sie ein besseres Verständnis dafür haben, wie man in JavaScript Arrays manipuliert.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/BasicConceptsGroup -.-> javascript/obj_manip("Object Manipulation") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28563{{"Werte aus einem Array extrahieren"}} javascript/data_types -.-> lab-28563{{"Werte aus einem Array extrahieren"}} javascript/arith_ops -.-> lab-28563{{"Werte aus einem Array extrahieren"}} javascript/comp_ops -.-> lab-28563{{"Werte aus einem Array extrahieren"}} javascript/array_methods -.-> lab-28563{{"Werte aus einem Array extrahieren"}} javascript/obj_manip -.-> lab-28563{{"Werte aus einem Array extrahieren"}} javascript/higher_funcs -.-> lab-28563{{"Werte aus einem Array extrahieren"}} javascript/spread_rest -.-> lab-28563{{"Werte aus einem Array extrahieren"}} end

Wie man in JavaScript Werte aus einem Array extrahiert

Um bestimmte Werte aus einem Array in JavaScript zu extrahieren, können Sie die Methoden Array.prototype.filter() und Array.prototype.includes() verwenden. Hier ist, wie Sie es tun können:

const pull = (arr, ...args) => {
  let argState = Array.isArray(args[0]) ? args[0] : args;
  let pulled = arr.filter((v) => !argState.includes(v));
  arr.length = 0;
  pulled.forEach((v) => arr.push(v));
};

Die pull-Funktion nimmt ein Array und ein oder mehrere Argumente entgegen, die die zu entfernenden Werte darstellen. Die Funktion erstellt dann ein neues Array, indem sie die mithilfe von Array.prototype.filter() angegebenen Werte herausfiltert. Anschließend mutiert sie das ursprüngliche Array, indem sie seine Länge auf 0 setzt und es nur mit den extrahierten Werten mithilfe von Array.prototype.push() wieder füllt.

Hier ist ein Beispiel dafür, wie Sie die pull-Funktion verwenden können:

let myArray = ["a", "b", "c", "a", "b", "c"];
pull(myArray, "a", "c"); // myArray = [ 'b', 'b' ]

In diesem Beispiel entfernt die pull-Funktion alle Vorkommen von 'a' und 'c' aus dem myArray-Array und gibt ein neues Array mit nur den Werten 'b' und 'b' zurück.

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Pull Values From Array" abgeschlossen. Sie können in LabEx weitere Labs ausprobieren, um Ihre Fähigkeiten zu verbessern.