Извлечение соответствующих значений из массива

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

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

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

Введение

В этом практическом занятии мы изучим, как извлекать соответствующие значения из массива и возвращать удаленные элементы. Мы узнаем, как использовать методы Array.prototype.filter(), Array.prototype.includes() и Array.prototype.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/obj_manip("Object Manipulation") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28560{{"Извлечение соответствующих значений из массива"}} javascript/data_types -.-> lab-28560{{"Извлечение соответствующих значений из массива"}} javascript/arith_ops -.-> lab-28560{{"Извлечение соответствующих значений из массива"}} javascript/comp_ops -.-> lab-28560{{"Извлечение соответствующих значений из массива"}} javascript/obj_manip -.-> lab-28560{{"Извлечение соответствующих значений из массива"}} javascript/higher_funcs -.-> lab-28560{{"Извлечение соответствующих значений из массива"}} end

Как извлечь соответствующие значения из массива

Чтобы извлечь конкретные значения из массива с использованием JavaScript, следуйте этим шагам:

  1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
  2. Используйте Array.prototype.filter() и Array.prototype.includes() для фильтрации ненужных значений и создания нового массива.
  3. Установите Array.prototype.length, чтобы изменить исходный массив, сбросив его длину до 0.
  4. Используйте Array.prototype.push(), чтобы заполнить исходный массив только извлеченными значениями.
  5. Используйте Array.prototype.push(), чтобы отслеживать удаленные значения в новом массиве.

Вот пример функции, которая реализует эти шаги:

const pullAtValue = (arr, pullArr) => {
  let removed = [],
    pushToRemove = arr.forEach((v, i) =>
      pullArr.includes(v) ? removed.push(v) : v
    ),
    mutateTo = arr.filter((v, i) => !pullArr.includes(v));
  arr.length = 0;
  mutateTo.forEach((v) => arr.push(v));
  return removed;
};

Вы можете использовать эту функцию для удаления конкретных значений из массива и возврата удаленных элементов так:

let myArray = ["a", "b", "c", "d"];
let pulled = pullAtValue(myArray, ["b", "d"]);
// myArray = [ 'a', 'c' ], pulled = [ 'b', 'd' ]

Резюме

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