Вы когда-нибудь задавались вопросом? Как преобразовать массив в строку? Как я могу изменить каждый из элементов массива без цикла for? Как удалить последний элемент массива? Где снова найти удаленный элемент?
Что ж, сегодня мы ответим на эти вопросы.
Часть 1: https://medium.com/@the.soylemez/powerful-tools-javascript-array-methods-part-1-be1fe55ea29e
Часть 2: https://medium.com/@the.soylemez/do-you-really-know-javascript-array-methods-part2-8d3349e33986
Часть 3: https://medium.com/@the.soylemez/advanced-developer-knowledge-javascript-array-methods-part-3-948ce1592a5b
Массив.прототип.присоединиться()
Метод join() возвращает новую строку из конкатенированных элементов массива (или подобных массиву). Строка отделяется заданным разделителем в качестве аргумента.
Этот метод очень полезен, когда речь идет о переходах массив-строка.
Допустим, мы хотим получить строку из объединенных элементов массива.
const arr = [ 'C', 'L', 'A', 'P', '!' ];
const concatenated = arr.join('');
console.log(concatenated);
Выход:
CLAP!
Так как в качестве аргумента мы дали пустую строку. Метод соединения объединяет элементы с пустой строкой между каждой парой элементов. Если мы не предоставляем аргумент-разделитель, разделителем по умолчанию является запятая. Таким образом, вывод будет выглядеть так
C,L,A,P,!
Массив.прототип.ключи()
Метод keys возвращает объект Array Iterator, содержащий ключи для каждого индекса в массиве.
Примечание. Мы говорили об объектах Array Iterator в части 2
https://medium.com/@the.soylemez/do-you-really-know-javascript-array-methods -part2-8d3349e33986
const theBigBangTheory = ['Sheldon', 'Leonard', 'Raj', 'Howard'];
const iterator = theBigBangTheory.keys();
for(const index of iterator){
console.log(index)
}
Выход:
0 1 2 3
Массив.прототип.lastIndexOf()
Метод lastIndexOf работает так же, как и метод indexOf, но в обратном порядке. Метод lastIndexOf выполняет поиск в массиве, начиная с наибольшего индекса и заканчивая startIndex. Метод вернет индекс первого совпадающего элемента. Поскольку этот метод начинается с наибольшего индекса и повторяется в обратном порядке, первое совпадение будет последним элементом, совпадающим с аргументом поиска в массиве. Метод принимает два аргумента (searchArgument, startIndex). Если совпадений нет, возвращается -1.
Допустим, мы создаем чат-систему. У нас есть массив, содержащий отправителей отправленных сообщений. Мы хотим найти последний раз, когда этот конкретный пользователь отправлял сообщение.
const senders = ['Sheldon', 'Leonard', 'Raj', 'Sheldon'];
const result = senders.lastIndexOf('Sheldon');
console.log(result)
Выход:
3
Массив.прототип.карта()
Метод карты — один из широко используемых методов массива. Метод карты принимает функцию обратного вызова в качестве аргумента. Перебирает массив и вызывает функцию обратного вызова для каждого элемента. Наконец возвращает массив, элемент которого был обработан функцией обратного вызова. Вот предостережение. Если функция обратного вызова ничего не возвращает, значение элемента внутри возвращаемого массива будет неопределенным.
Допустим, у нас есть массив чисел. Что нам нужно, так это то, что если элемент является четным числом, мы хотим умножить его на 2, если нет, мы не вернем его.
const numbers = [0, 1, 2, 3, 4, 5, 6];
const result = numbers.map((item) => {
if(item % 2 === 0){
return item * 2;
}
})
console.log(result);
Выход:
[ 0, undefined, 4, undefined, 8, undefined, 12 ]
Массив.прототип.поп()
Метод pop() удаляет последний элемент из массива и возвращает этот элемент.
const numbers = [0, 1, 2, 3, 4, 5];
const removedItem = numbers.pop();
console.log('removed item = ', removedItem);
console.log('numbers ', numbers);
Выход:
removed item = 5 numbers [ 0, 1, 2, 3, 4 ]
Массив.прототип.push()
Метод push добавляет один или несколько элементов в конец массива и возвращает новую длину массива.
const numbers = [0, 1, 2, 3, 4];
const newLengthOfArray = numbers.push(5,6);
console.log('new length of the array = ', newLengthOfArray);
console.log('numbers = ', numbers);
Выход:
new length of the array = 7 numbers = [0, 1, 2, 3, 4, 5, 6]
Иииии, поздравляю! Вы добавляете знания в свою память.
yourMemory.push('knowledge');
В следующей статье мы поговорим о методе сокращения. Осмелюсь сказать, что это самый мощный метод массива. Знаете ли вы, что вы можете создавать свои собственные карты, фильтровать, реверсировать, сортировать и многие другие методы, используя метод сокращения? Как? Посмотрим в следующем.
Моя учетная запись LinkedIn:
https://www.linkedin.com/in/musabsoylemez/
Ресурсы:
