Эффективные способы получения различных значений из массива в JavaScript

В JavaScript существует несколько методов извлечения различных значений из массива. В этой статье блога будут рассмотрены различные подходы с примерами кода, которые помогут вам понять и реализовать наиболее эффективный метод для вашего конкретного случая использования.

Метод 1: использование объекта Set
Пример кода:

const array = [1, 2, 3, 4, 4, 5, 6, 6];
const distinctValues = [...new Set(array)];
console.log(distinctValues);

Метод 2: использование метода фильтра
Пример кода:

const array = [1, 2, 3, 4, 4, 5, 6, 6];
const distinctValues = array.filter((value, index, self) => {
  return self.indexOf(value) === index;
});
console.log(distinctValues);

Метод 3: использование метода уменьшения
Пример кода:

const array = [1, 2, 3, 4, 4, 5, 6, 6];
const distinctValues = array.reduce((unique, value) => {
  return unique.includes(value) ? unique : [...unique, value];
}, []);
console.log(distinctValues);

Метод 4. Использование объектов Map и Set
Пример кода:

const array = [1, 2, 3, 4, 4, 5, 6, 6];
const distinctValues = [...new Map(array.map(value => [value, value])).values()];
console.log(distinctValues);

Метод 5: использование цикла for…of и Array.includes()
Пример кода:

const array = [1, 2, 3, 4, 4, 5, 6, 6];
const distinctValues = [];
for (const value of array) {
  if (!distinctValues.includes(value)) {
    distinctValues.push(value);
  }
}
console.log(distinctValues);

В этой статье мы рассмотрели несколько методов извлечения различных значений из массива в JavaScript. Обсуждаемые методы включают использование объекта Set, метода фильтра, метода уменьшения, объектов карты и набора, а также цикла for…of. Каждый метод имеет свои преимущества, поэтому выберите тот, который лучше всего соответствует вашим требованиям. Используя эти методы, вы можете эффективно удалять дубликаты и получать массив уникальных значений в JavaScript.

Не забудьте учитывать размер массива и характеристики производительности каждого подхода при выборе наиболее подходящего метода для вашего проекта.

Реализуя эти отдельные методы извлечения значений в JavaScript, вы можете повысить эффективность и функциональность своего кода.