Как использовать методы массива Javascript
14 февраля 2023 г.Привет, ребята!
В этой статье я объясню методы работы с массивами Javascript. Прежде чем углубиться, давайте посмотрим, что такое массив.
Что такое массив?
Массив – это структура данных, позволяющая хранить несколько значений вместе в одной переменной. Эти значения могут включать:
* Нить * логическое значение * Нулевой * Номер
Ниже приведен пример массива:
const flowers = [ 'Lily', 'Rose', 'Orchids', 'Hibiscus'];
/Доступ к элементам массива
Массив заключается в квадратные скобки [ ], а каждый элемент отделяется запятой. Для доступа к нему используется порядковый номер каждого элемента в массиве. Первый индекс массива равен нулю (0). Используя наш предыдущий пример, давайте получим элемент Rose, используя его индекс:
const flowers = [ 'Lily', 'Rose', 'Orchids', 'Hibiscus'];
console.log(flowers[1]); //returns Rose
Мы получили наш элемент Rose, используя скобки [], содержащие его порядковый номер. Теперь давайте углубимся в методы массива.
Методы массива
Существует несколько методов работы с массивами в JavaScript, но мы рассмотрим некоторые из них.
* concat()
Как следует из названия, этот метод связывает два или более массива, а затем возвращает результат:
const firstName = ['Sam', 'Tobi'];
const lastName = ['Smith','Johnson'];
//using the concat method
let fullName = firstName.concat(lastName);
console.log(fullName);
Вывод:
['Sam', 'Tobi', 'Smith','Johnson'];
* сортировать()
Этот метод сортирует элементы массива на месте и возвращает отсортированный массив. Порядок сортировки по умолчанию восходящий и основан на преобразовании элементов в строку:
let classNumber = [12, 4, 34, 1, 9];
classNumber.sort();
console.log(classNumber);
Вывод:
[1, 4, 9, 12, 34];
* indexOf()
Этот метод ищет элемент в массиве и возвращает его индекс:
const candyBar = ['Twix',' Snickers',' Kit Kat'];
console.log(candyBar.indexOf('Snickers'));
Примечание. Если элемент отсутствует в массиве, возвращается -1
Вывод:
1 //returns the index 1
* push()
Метод push() добавляет элемент в конец массива и возвращает новую длину:
const candyBar = ['Twix',' Snickers',' Kit Kat'];
candyBar.push('Milky way');
console.log(candyBar);
Вывод:
['Twix',' Snickers',' Kit Kat', 'Milky way'];
* отключить()
Этот метод добавляет элемент в начало массива:
const candyBar = ['Twix',' Snickers',' Kit Kat', 'Milky Way'];
candyBar.unshift('Toblerone');
console.log(candyBar);
Вывод:
['Toblerone', 'Twix',' Snickers',' Kit Kat', 'Milky way'];
* поп()
Метод pop() удаляет последний элемент массива и возвращает удаленный элемент:
const candyBar = ['Toblerone','Twix',' Snickers',' Kit Kat', 'Milky Way'];
candyBar.pop();
console.log(candyBar);
Вывод:
Milky Way
* shift()
Метод shift() противоположен unshift(). Этот метод удаляет элемент из начала массива и возвращает его:
const candyBar = ['Toblerone','Twix',' Snickers',' Kit Kat', 'Milky Way'];
candyBar.pop();
console.log(candyBar);
Вывод:
Toblerone
* срез()
Этот метод вырезает указанную часть массива, используя его индекс, и возвращает результат. Метод slice() принимает два параметра: start и end. Массив нарезается из индекса start и индекса end. Индекс end исключается. Массив остается неизменным.
Используя метод slice(), выделим строку Kit Kat:
const candyBar = ['Twix',' Snickers',' Kit Kat', 'Milky Way', 'Bounty'];
console.log(candyBar.slice(4, 5));
Вывод:
['Bounty'];
Также опубликовано здесь
Оригинал