8 методов набора JavaScript, которые вы должны освоить сегодня

Набор JavaScript - это набор уникальных значений.

Наборы могут содержать значения любого типа данных. Это могут быть простые примитивы, такие как целые числа или строки и т. Д., Или сложные типы, такие как массивы или литералы объектов. Значения в наборе могут встречаться только один раз.

В этой статье вы узнаете восемь методов JavaScript Set, которые должны освоить сегодня.

1. Как создать новый набор на JavaScript

Вы можете создать новый объект Set, используя новыйУстановленный() конструктор. Объект Set хранит уникальные значения любого типа данных. Этот конструктор принимает в качестве параметра итеративный объект.

const setObj = новый набор ([21, 34, 35, 56, 23]);
console.log (setObj);

Выход:

Набор (5) {21, 34, 35, 56, 23}

Если вы ничего не укажете в параметре, будет создан новый пустой набор.

const setObj = новый набор ();
console.log (setObj);

Выход:

Установить (0) {}

Если вы попытаетесь создать набор с повторяющимися элементами, повторяющиеся элементы будут удалены, и будет возвращен уникальный набор.

const setObj = новый набор ([1, 2, 3, 1, 2, 3]);
console.log (setObj);

Выход:

Набор (3) {1, 2, 3}

Вы также можете создать набор, используя смешанные типы данных.

const setObj = new Set ([1, 2, «Привет», [45, 67, 78]]);
console.log (setObj);

Выход:

Набор (4) {1, 2, 'Hello', [45, 67, 78]}

2. Как добавить новые элементы к заданному объекту

Вы можете добавить новый элемент в конец объекта Set, используя Добавить() метод. Этот метод принимает значение элемента, добавляемого к объекту Set, в качестве параметра и возвращает новый объект Set с добавленным значением.

const setObj = новый набор ();
setObj.add («Добро пожаловать»);
setObj.add ("в");
setObj.add ("MUO");
console.log (setObj);

Выход:

Установите (3) {'Добро пожаловать', 'в', 'MUO'}

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

const setObj = новый набор ();
// Добавление значения к объекту Set
setObj.add («Добро пожаловать»);
const var1 = "к";
const var2 = "MUO";
// Добавление переменной к объекту Set
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Выход:

Установите (3) {'Добро пожаловать', 'в', 'MUO'}

В Добавить() также поддерживает цепочку.

const setObj = новый набор ();
// Цепочка
setObj.add (1) .add (2) .add (3);
console.log (setObj);

Выход:

Набор (3) {1, 2, 3}

Если вы попытаетесь добавить повторяющиеся элементы, будет сохранен только первый экземпляр элемента.

const setObj = новый набор ();
setObj.add (1);
setObj.add (2);
setObj.add (3);
setObj.add ("М");
setObj.add ("U");
setObj.add («О»);
setObj.add (1);
setObj.add (2);
setObj.add (3);
console.log (setObj);

Выход:

Набор (6) {1, 2, 3, 'M', 'U', 'O'}

3. Как удалить все элементы из заданного объекта

Вы можете удалить все элементы из объекта Set, используя Чисто() метод. Этот метод удаляет все элементы и возвращает неопределенный.

const setObj = новый набор ([1, 2, 3, 4, 5]);
console.log («Размер объекта Set:» + setObj.size);
console.log (setObj);
setObj.clear ();
console.log («Размер объекта Set после очистки элементов:» + setObj.size);
console.log (setObj);

Выход:

Размер объекта Set: 5
Набор (5) {1, 2, 3, 4, 5}
Размер объекта Set после очистки элементов: 0
Установить (0) {}

Связанный: Строковые методы JavaScript, которые вы должны освоить сегодня

4. Как удалить определенный элемент из заданного объекта

Вы можете удалить определенный элемент из объекта Set (если он существует), используя удалять() метод. Этот метод принимает значение, которое нужно удалить из набора. Если значение найдено, метод возвращает правда. В противном случае это будет ложный.

const setObj = новый набор ([1, 2, 3, 4, 5]);
console.log ("Начальный набор:");
console.log (setObj);
setObj.delete (3);
console.log («Установить после удаления 3»);
console.log (setObj);

Выход:

Начальный набор:
Набор (5) {1, 2, 3, 4, 5}
Установить после удаления 3
Набор (4) {1, 2, 4, 5}

5. Как проверить, существует ли элемент в наборе

Вы можете проверить, существует ли элемент в объекте Set, используя имеет() метод. Этот метод принимает значение в качестве параметра для проверки присутствия в объекте Set. Если элемент найден, метод возвращает правда; иначе это будет ложный.

const setObj = new Set (["Добро пожаловать", "в", "MUO"]);
console.log (setObj.has ("MUO"));
console.log (setObj.has ("MakeUseOf"));

Выход:

правда
ложный

6. Что такое метод entry () в объекте набора JavaScript?

По официальной Веб-документы MDN:

"The записи () метод возвращает новый объект Iterator, содержащий массив [значение, значение] для каждого элемента в объекте Set в порядке вставки. Для объектов Set нет ключа, как в объектах Map. Однако, чтобы API оставался похожим на объект Map, каждая запись имеет здесь одно и то же значение для своего ключа и значения, так что возвращается массив [значение, значение] ".

const setObj = new Set (["Добро пожаловать", "в", "MUO"]);
for (пусть запись setObj.entries ()) {
console.log (запись);
}

Выход:

["Добро пожаловать", "Добро пожаловать"]
['к', 'к']
['MUO', 'MUO']

const setObj = new Set (["Добро пожаловать", "в", "MUO"]);
for (let [ключ, значение] из setObj.entries ()) {
console.log (значение);
}

Выход:

Добро пожаловать
к
MUO

Ключи и значения в наборе идентичны.

const setObj = new Set (["Добро пожаловать", "в", "MUO"]);
for (let [ключ, значение] из setObj.entries ()) {
console.log (значение ключа);
}

Выход:

правда
правда
правда

Связанный: Как использовать циклы в JavaScript

7. Что такое метод forEach () в объекте набора JavaScript?

В для каждого() вызывает функцию для каждого элемента объекта Set. Этот метод возвращает неопределенный.

const setObj = новый набор ([1, 2, 3, 4, 5]);
пусть сумма = 0;
setObj.forEach (function (element) {
сумма + = элемент;
});
console.log (сумма);

Выход:

15

8. Что такое метод values ​​() в объекте набора JavaScript?

В ценности() метод возвращает Итератор объект, который содержит все значения в Set, и делает это в порядке вставки.

const setObj = новый набор ([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values ​​();
for (пусть значение iteratorObj) {
console.log (значение);
}

Выход:

1
2
3
4
5

Связанный: Введение в итераторы и генераторы в JavaScript

Примечание: Объект Set в JavaScript не имеет ключей. Но чтобы сделать наборы совместимыми с картами, ключи () используется как псевдоним для ценности() метод. В ключи () ведет себя точно так же, как ценности() метод.

Теперь вы знаете, как создавать наборы на JavaScript

Итак, вот оно. Прочитав эту статью, у вас должно быть много вещей, которые помогут вам освоить создание наборов на JavaScript.

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

15 методов массива JavaScript, которые вы должны освоить сегодня

Хотите разобраться в массивах JavaScript, но не можете с ними разобраться? Ознакомьтесь с нашими примерами массивов JavaScript для руководства.

Читать далее

Об авторе