Блог веб разработки

Блог веб-разработки статьи | видеообзоры | исходный код

Коллекции javascript

Всем привет! Сегодня мы рассмотрим коллекции в javascript. Они позволяют хранить множество неповторяющихся значений. Итак, поехали!

Для того чтобы начать работать с коллекциями необходимо создать объект класса Set().

let set = new Set();
console.log(set);

В результате нам выведется в консоль объект Set. Данный объект по сути и является коллекцией.

Для наполнения коллекции новыми значения нужно использовать метод set.

set.add(2);

set.add('Andrey');

set.add(2);

set.add(3);

console.log(set);

В итоге наша коллекция пополнится тремя новыми значениями 2, 'Andrey', 3.

Заметьте что я добавлял четыре значения, а в коллекцию поместилось только три. Вначале говорилось что коллекции содержат неповторяющиеся значения. В данном примере как раз была совершена попытка поместить два одинаковых значения (2) которая потерпела неудачу. Отлично!

Помимо метода добавления add() есть и другие:

console.log(set.has('Andrey')); //true

Метод has() проверяет существует ли указанное значение в коллекции и возвращает в зависимости от результата true или false.

set.delete(3);

С помощью метода delete() мы можем удалять указанное значение из коллекции. Если нужно обчистить все значения коллекции.

set.clear();

Достаточно воспользоваться методом clear().

Свойство size:

console.log(set.size);

возвращает количество значений содержащихся в коллекции.

Для извлечения данных из коллекции как такового метода у объекта Set не существует.

Здесь для перебора мы просто используем стандартные циклы:

set.forEach(function(value, key){
    console.log(value);
});

Также можно использовать цикл for c оператором of.

for(var i of set){
    console.log(i);
}

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

На этом данная статья подошла к концу. Если остались вопросы пишите их в комментарии или группу

вк.

Я с вами прощаюсь. Желаю вам успехов и удачи! Пока.

Оцените статью

Еще статьи

Трейты php

CSS media screen

Конструктор функций javaScript

Комбинаторный оператор сравнения в php7

Javascript json

meter html

Broadcast Channel

css zoom

read-write css

Комментарии

Проверочный код

В данном разделе пока нет комментариев!

История

    ПОДПИСКА

    • Подпишись и получай информацию о выходе новых статей на почту! Просто введите свою почту, нажмите кнопку подписаться. На почту должно будет прийти сообщение с потверждением подписки. Если сообщение не пришло проверьте раздел спам или попробуйте другую почту. Также по всем техническим проблемам вы можете написать в поддержку

    НОВОСТИ

    • Всем привет! Запустил новый сервис для поиска и бесплатного скачивания, прослушивания аудиокниг. Здесь вы можете найти множество литературы и прослушать ее. Вскоре возобновлю написание статей.