Как использовать методы массива Javascript
web-development javascript

Как использовать методы массива 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'];

Также опубликовано здесь

Оригинал

Recent Post

Categories

PREVIOUS ARTICLE
NEXT ARTICLE