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 = new Set();
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, 'Здравей', [ 45, 67, 78 ] }

2. Как да добавяте нови елементи към обект на набор

Можете да добавите нов елемент в края на обекта Set, като използвате добавяне () метод. Този метод приема стойността на елемента за добавяне към обекта Set като параметър и връща новия Set обект с добавена стойност.

const setObj = new Set();
setObj.add("Добре дошли");
setObj.add("до");
setObj.add("MUO");
console.log (setObj);

Изход:

Задайте (3) { 'Добре дошли', 'до', 'MUO' }

Можете директно да предадете стойността като параметър или вместо това можете да предадете променливата като единица.

const setObj = new Set();
// Добавяне на стойност към обект Set
setObj.add("Добре дошли");
const var1 = "до";
const var2 = "MUO";
// Добавяне на променлива към обект Set
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Изход:

Задайте (3) { 'Добре дошли', 'до', 'MUO' }

В добавяне () методът също поддържа верижно свързване.

const setObj = new Set();
// Верижно
setObj.добави (1).добави (2).добави (3);
console.log (setObj);

Изход:

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

Ако се опитате да добавите дублиращи се елементи, ще бъде запазен само първият екземпляр на елемента.

const setObj = new Set();
setObj.add (1);
setObj.add (2);
setObj.add (3);
setObj.add("M");
setObj.add("U");
setObj.add("O");
setObj.add (1);
setObj.add (2);
setObj.add (3);
console.log (setObj);

Изход:

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

3. Как да премахнете всички елементи от обект на набор

Можете да премахнете всички елементи от обект Set, като използвате изчисти() метод. Този метод премахва всички елементи и връща неопределено.

const setObj = new Set([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 String методи, които трябва да овладеете днес

4. Как да изтриете конкретен елемент от обект на набор

Можете да изтриете конкретен елемент от обект Set (ако съществува) с помощта на Изтрий() метод. Този метод приема стойността, която трябва да бъде изтрита от Set. Ако стойността е намерена, методът се връща вярно. В противен случай ще бъде фалшиво.

const setObj = new Set([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. Какъв е методът entries() в обекта на набора на JavaScript?

Според длъжностното лице MDN уеб документи:

„В записи() метод връща нов обект Iterator, който съдържа масив от [стойност, стойност] за всеки елемент в обекта Set, в ред на вмъкване. За Set objects няма ключ, както в Map objects. Въпреки това, за да запази API подобен на обекта Map, всеки запис има една и съща стойност за своя ключ и стойност тук, така че се връща масив [стойност, стойност]."

const setObj = new Set(["Добре дошли", "до", "MUO"]);
for (нека влизане на setObj.entries()) {
console.log (вход);
}

Изход:

[ 'Добре дошли', 'Добре дошли' ]
[ 'тото' ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["Добре дошли", "до", "MUO"]);
for (нека [ключ, стойност] на setObj.entries()) {
console.log (стойност);
}

Изход:

Добре дошли
да се
MUO

Ключовете и стойностите в комплекта са идентични.

const setObj = new Set(["Добре дошли", "до", "MUO"]);
for (нека [ключ, стойност] на setObj.entries()) {
console.log (ключова стойност);
}

Изход:

вярно
вярно
вярно

Свързани: Как да използваме цикли в JavaScript

7. Какво представлява методът forEach() в обекта на набор от JavaScript?

В за всеки() методът извиква функция за всеки елемент от обекта Set. Този метод се връща неопределено.

const setObj = new Set([1, 2, 3, 4, 5]);
нека сума = 0;
setObj.forEach (функция (елемент) {
сума += елемент;
});
console.log (сума);

Изход:

15

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

В стойности() метод връща an Итератор обект, който съдържа всички стойности в набор и прави това в ред на вмъкване.

const setObj = new Set([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (нека стойност на iteratorObj) {
console.log (стойност);
}

Изход:

1
2
3
4
5

Свързани: Въведение в итераторите и генераторите в JavaScript

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

Сега знаете как да създавате набори в JavaScript

И така, ето го. След като прочетете тази статия, трябва да имате много, за да ви помогне да овладеете създаването на набори на JavaScript.

Създаването на набори е от решаващо значение за всеки програмист, който иска да подобри играта си. След като овладеете това, можете да преминете към усъвършенстване на други умения - като създаване на масиви.

15 метода за масив на JavaScript, които трябва да овладеете днес

Искате да разберете JavaScript масивите, но не можете да се справите с тях? Вижте нашите примери за JavaScript масиви за насоки.

Прочетете Следващото

За автора