Извлечение значений из массива

JavaScriptJavaScriptBeginner
Практиковаться сейчас

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

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом практическом занятии мы изучим, как манипулировать массивами в JavaScript, создав функцию, которая фильтрует заданные значения из массива и изменяет исходный массив. Для этого мы воспользуемся встроенными методами массивов, такими как filter(), includes() и push(). В конце практического занятия вы лучше поймете, как манипулировать массивами в JavaScript.


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{{"Извлечение значений из массива"}} javascript/data_types -.-> lab-28563{{"Извлечение значений из массива"}} javascript/arith_ops -.-> lab-28563{{"Извлечение значений из массива"}} javascript/comp_ops -.-> lab-28563{{"Извлечение значений из массива"}} javascript/array_methods -.-> lab-28563{{"Извлечение значений из массива"}} javascript/obj_manip -.-> lab-28563{{"Извлечение значений из массива"}} javascript/higher_funcs -.-> lab-28563{{"Извлечение значений из массива"}} javascript/spread_rest -.-> lab-28563{{"Извлечение значений из массива"}} end

Как извлекать значения из массива в JavaScript

Для извлечения конкретных значений из массива в JavaScript можно использовать методы Array.prototype.filter() и Array.prototype.includes(). Вот, как это можно сделать:

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));
};

Функция pull принимает массив и один или несколько аргументов, которые представляют значения, которые нужно удалить. Затем функция создает новый массив, фильтруя значения, указанные с использованием Array.prototype.filter(). Затем она изменяет исходный массив, сбросив его длину до 0 и заполняя его только извлеченными значениями с использованием Array.prototype.push().

Вот пример, как можно использовать функцию pull:

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

В этом примере функция pull удаляет все вхождения 'a' и 'c' из массива myArray и возвращает новый массив только с значениями 'b' и 'b'.

Резюме

Поздравляем! Вы завершили практическое занятие по извлечению значений из массива. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.