Вот и мы - третья и последняя часть из трех частей, посвященных массивам в JavaScript! Но, честно говоря, всегда будет больше информации о массивах, к которой я никогда не прикоснусь, поэтому относитесь к этой серии с недоверием и знайте, что это скорее руководство по массивам для новичков.

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

Итак, приступим!

Поиск информации о массиве

Вы можете использовать определенные операции, чтобы узнать информацию о массиве.

Чаще всего используется операция .length(). Это довольно понятно. Он возвращает количество элементов в массиве - длину массива.

let array1 = [1, 2, 3, 4, 5, 'a', 'b', 'c']
console.log(array1.length());
//=> 8 (because there are 8 elements in this array)

Вы также можете найти индекс элемента в массиве, используя операцию .indexOf(). Еще одна операция, не требующая пояснений - она ​​возвращает вам индекс элемента, для которого вы вызываете операцию.

console.log(array1.indexOf('b'));
//=> 6

Базовые манипуляции с массивами

Двумя общими операциями, используемыми в алгоритмических функциях, являются операции .split() и .join(). Они используются рука об руку со струнами.

.split() разделит строку на массив - отдельных строк. .join() объединит массив строк обратно в одну строку.

let splitExample = "split".split();
console.log(splitExample);
//=> ['s', 'p', 'l', 'i', 't']

let joinExample = ['j', 'o', 'i', 'n'].join();
console.log(joinExample);
//=> 'join'

Вы также можете изменить порядок элементов в массиве с помощью .reverse().

console.log(['r', 'e', 'v', 'e', 'r', 's', 'e'].reverse());
//=> ['e', 's', 'r', 'e', 'v', 'e', 'r']

.sort() будет отсортировать массив по алфавиту (и когда все элементы в массиве являются строками).

let array2 = ['banana', 'kiwi', 'apple', 'strawberry', 'mango'];
let sortedArray = array2.sort();
console.log(sortedArray);
//=> ['apple', 'banana', 'kiwi', 'mango', 'strawberry']

.concat() объединит два массива и создаст новый массив.

let array3 = ['esther', 'stephanie'];
let array4 = ['simon', 'andrew'];
let array5 = array3.concat(array4);
console.log(array5);
//=> ['esther', 'stephanie', 'simon', 'andrew']

Последнее, о чем я кратко упомяну, - это операция delete. Да, он буквально удаляет элементы из массива - НО оставляет неопределенные дыры. Итак, это не лучший способ удалить элементы из массива. Лучше использовать .pop(), .shift() или .splice(), о которых я рассказываю в этом посте здесь.

let array6 = ['a', 'b', 'c', 'd', 'e'];
delete array6[2];
console.log(array6);
//=> ['a', 'b', undefined, 'd', 'e']

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

На следующей неделе я буду говорить о хэш-таблицах или картах. Быть в курсе!