Вот и мы - третья и последняя часть из трех частей, посвященных массивам в 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. В более позднем посте (я не знаю, когда именно напишу) я расскажу о циклах, которые обычно используются с массивами.
На следующей неделе я буду говорить о хэш-таблицах или картах. Быть в курсе!