Отфильтровать уникальные значения массива

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

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

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

Введение

В этом практическом занятии мы изучим концепцию фильтрации уникальных значений из массива на JavaScript. Мы будем использовать конструктор Set и оператор расширения (spread), чтобы создать массив уникальных значений, а затем отфильтруем только неуникальные значения с использованием метода filter(). Это практическое занятие поможет вам понять важность фильтрации уникальных значений в массиве и как это можно достичь с использованием простого кода на 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/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28299{{"Отфильтровать уникальные значения массива"}} javascript/data_types -.-> lab-28299{{"Отфильтровать уникальные значения массива"}} javascript/arith_ops -.-> lab-28299{{"Отфильтровать уникальные значения массива"}} javascript/comp_ops -.-> lab-28299{{"Отфильтровать уникальные значения массива"}} javascript/higher_funcs -.-> lab-28299{{"Отфильтровать уникальные значения массива"}} javascript/spread_rest -.-> lab-28299{{"Отфильтровать уникальные значения массива"}} end

Как отфильтровать уникальные значения в массиве с использованием JavaScript

Для фильтрации уникальных значений в массиве с использованием JavaScript выполните следующие шаги:

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

Ниже приведен пример кода для этого:

const filterUnique = (arr) =>
  [...new Set(arr)].filter((i) => arr.indexOf(i) !== arr.lastIndexOf(i));

filterUnique([1, 2, 2, 3, 4, 4, 5]); // [2, 4]

В приведенном выше фрагменте кода функция filterUnique принимает массив и применяет к нему конструктор Set и метод Array.prototype.filter(), чтобы вернуть массив с только неуникальными значениями.

Резюме

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