Узнайте об объекте Set на практических примерах
Вступление
Объект set в JavaScript - это функция ES6, которая позволяет хранить уникальные значения, примитивы или ссылки на объекты. Объекты Set представляют собой наборы значений. Вы можете перебирать элементы набора в порядке вставки. Значение в Set может встречаться только один раз.
В этой статье мы узнаем об объекте Set в JavaScript на некоторых практических примерах. Давайте приступим к делу.
Заданный объект
set - это стандартный встроенный объект в JavaScript, который хранит уникальные значения. Поскольку каждое значение в объекте Set должно быть уникальным, будет проверяться равенство значений. NaN и undefined также могут храниться в наборе.
Вот пример:
var sett = new Set([null, undefined]); console.log(sett);
Выход:
Как видите, мы использовали ключевое слово new для создания нового объекта, потому что у нас уже есть конструктор Set, о котором мы будем говорить ниже.
Конструктор Set
Конструктор Set позволяет создавать Set объекты, в которых хранятся уникальные значения любого типа, будь то примитивные значения или ссылки на объекты.
Если вы посмотрите на прототип объектов, созданных с помощью конструктора Set, вы увидите, что у него есть много методов, которые мы можем использовать.
Вот пример из консоли:
var sett = new Set(); console.log(sett),
Выход:
Вот пример использования метода has():
const set1 = new Set([1, 2, 3, 4, 5]); console.log(set1.has(1)); // expected output: true console.log(set1.has(5)); // expected output: true console.log(set1.has(6)); // expected output: false
Мы можем добавить новое значение в экземпляр Set, используя метод add, и поскольку add возвращает объект Set, мы можем связать add вызовов. Если значение уже существует в Set объекте, оно не будет добавлено снова.
Взгляните на пример ниже:
const sett = new Set(["a","b","c","d","d","e"]); sett.add("f"); sett.add("g").add("h").add("i").add("j").add("k").add("k");// the last "k" will not be added to the set object because it already exists
Мы также можем удалить или удалить все элементы в экземпляре Set, используя clear.
sett.clear(); // clears the set data.Есть и другие методы, которые вы можете использовать, но наша цель - просто понять объект set.
Удалите дубликаты из массива с помощью заданного объекта
Иногда вам нужно удалить повторяющиеся значения из массива. Самый простой способ сделать это - использовать объект set.
Взгляните на пример ниже:
var fruits = ["banana", "apple", "orange", "watermelon", "apple", "orange", "grape", "apple"]; // First method: var uniqueFruits = Array.from(new Set(fruits)); console.log(uniqueFruits); // returns [“banana”, “apple”, “orange”, “watermelon”, “grape”] // Second method: var uniqueFruits2 = [ ...new Set(fruits)]; console.log(uniqueFruits2); // returns [“banana”, “apple”, “orange”, “watermelon”, “grape”]
Объект Set упрощает удаление дубликатов из массива. Это также сохраняет код более чистым.
Заключение
Как видите, объект Set очень полезен и его важно знать в JavaScript. Он позволяет сохранять уникальные значения, добавлять и очищать значения.
Спасибо, что прочитали эту статью, надеюсь, вы нашли ее полезной.
