Методы массивов JavaScript — Часть 1

Массив — это объект в JavaScript. Используйте его для хранения нескольких значений в одной переменной.

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

Пример: let students = ["John", "David", "Alex"];

Каждое значение является элементом. У каждого элемента есть индекс, начинающийся с 0.

• Индекс 0: John • Индекс 1: David • Индекс 2: Alex

Основные концепции массивов

  1. Свойство length Свойство length сообщает общее количество элементов. Это свойство, а не функция. Не используйте скобки.

• Правильно: arr.length • Неправильно: arr.length()

Вы можете изменить длину, чтобы добавить или удалить элементы. Если вы уменьшите длину, JavaScript удалит лишние элементы. Если вы увеличите длину, JavaScript создаст пустые ячейки.

  1. toString() Этот метод преобразует ваш массив в строку. Он объединяет элементы через запятую. Он не изменяет исходный массив.

  2. join() Используйте этот метод, когда вам нужен пользовательский разделитель.

• fruits.join(" | ") возвращает "Apple | Orange | Banana" • fruits.join("-") возвращает "Apple-Orange-Banana"

  1. at() Этот метод возвращает элемент по определенному индексу. Он поддерживает отрицательные числа.

• arr.at(-1) возвращает последний элемент. • arr.at(-2) возвращает предпоследний элемент.

  1. pop() Этот метод удаляет последний элемент из вашего массива. Он возвращает удаленный элемент. Это изменяет ваш исходный массив.

  2. Array.isArray() Используйте этот метод, чтобы проверить, является ли значение массивом. Оператор typeof возвращает "object" для массивов, поэтому он не является надежным.

• Array.isArray([]) возвращает true • Array.isArray({}) возвращает false

  1. concat() Используйте этот метод для объединения двух или более массивов. Он не изменяет исходные массивы. Он возвращает совершенно новый массив.

  2. copyWithin() Этот метод копирует часть массива на новую позицию в том же массиве. Он перезаписывает существующие элементы.

Важное замечание о delete Оператор delete удаляет элемент, но оставляет длину массива прежней. Это создает пустую «дыру» в вашем массиве. Используйте другие методы, если хотите удалить элементы и уменьшить массив.

Источник: https://www.w3schools.com/js/js_array_methods.asp

Полное руководство: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7