Все статьи | Блог студента

Cаммари: JS: Массивы

Эта статья написана нашим студентом. Мнение пользователей иногда может не совпадать с точкой зрения Хекслета
Cаммари: JS: Массивы главное изображение
Chapter 2: Синтаксис
  • const arr = [] Создание массива через константу т.к. массивы являются ссылками на объект
  • arr.length - свойство массива
  • animals[animals.length - 1] - последний элемент массива
Chapter 3: Модификация
  • arr[2] - обращение по элементу массива
  • push() - добавление элемента в конец массива arr.push("name")
  • unshift() - добавление элемента в начало массива arr.unshift("name")
  • delete animals[1] - удаление элемента под индексом 1 (плохой способ)
Chapter 4: Проверка существования значения
  • Взятие несуществуещего индекса массива вернет undefined
  • Удобная проверка не выхода за границу массива if (index < items.length) { items[index]; // все отлично! } ##### Chapter 6: Ссылки
    • typeof []; // 'object' т к в js массивы это частный случай олбъекта
    • [1,2,3] === [1,2,3]; // false т к сравнение объектов происходит по ссылке
    • Из за того что расбота с массивом происходит поссылке если в функцию передать массив и изменить его , то и внешний массив изхмениться
    • есть 2 типа функций работающих с массивами 1) Изменяют сам массив 2) Возвращают новвый массив на основе предыдущего
Chapter 8: Цикл for...of
  • Удобный способ простого перебора массива const greeting = 'Hello'; for (const symbol of greeting) { console.log(symbol); }
Chapter 10: Управляющие инструкции
  • Continue/break: управляющие конструкции для работы с циклом. Break выйти из цикла, Continue - пропустить иттерацию.
Chapter 11: Вложенные массивы
  • arr.includes(): определяет, содержит ли массив определённый элемент, возвращая в зависимости от этого true или false.
Chapter 14: Вложенные циклы
  • Array.prototype.flat(): Раскрытие глубины массива
  • Array.isArray(): Возвращает True если объект является массивом
Chapter 15: Теория Множеств
  • union: _.union([arrays])
  • intersection: _.intersection([arrays])
  • разность: _.difference([arr1, arr2]) объекты изпервого множества отсутствующие во 2ом
Chapter 17: Стэк
  • push/pop методы для создания стэка в массиве
Chapter 19: Деструкторизация массива
  • const [firstElement, secondElement, thirdElement] = [1, 2];
Chapter 20: Деструкторизация массива
  • const fruits = ['apple', 'orange', 'banana', 'pineapple']; const [first, ...rest] = fruits; console.log(first); // 'apple' console.log(rest); // ['orange', 'banana', 'pineapple']
Chapter 21: Spread-оператор и создание новых массивов
  • spread оператор антогонист rest. Распаковывает массив_ const cities = [...russianCities, 'milan', 'rome'];_
  • Крайне удобен для копирования массивов
Аватар пользователя Alexandr Firsov
Alexandr Firsov 06 января 2021
Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
Разработка фронтенд-компонентов веб-приложений
1 декабря 8 месяцев
Иконка программы Python-разработчик
Профессия
Разработка веб-приложений на Django
1 декабря 8 месяцев
Иконка программы PHP-разработчик
Профессия
Разработка веб-приложений на Laravel
1 декабря 8 месяцев
Иконка программы Node.js-разработчик
Профессия
Разработка бэкенд-компонентов веб-приложений
1 декабря 8 месяцев
Иконка программы Верстальщик
Профессия
Вёрстка с использованием последних стандартов CSS
в любое время 5 месяцев
Иконка программы Java-разработчик
Профессия
Разработка приложений на языке Java
1 декабря 10 месяцев
Иконка программы Разработчик на Ruby on Rails
Профессия
Новый
Создает веб-приложения со скоростью света
1 декабря 5 месяцев