10 методов работы с массивами в Javascript, которые вы должны знать

В этом блоге мы рассмотрим 10 самых важных методов Javascript Array. Итак, без очень длинного вступления, приступим.

Мы знаем о массиве, верно?

массив — это структура данных, содержащая группу элементов одного типа данных, например целое число или строка.

Теперь давайте рассмотрим методы Javascript Array.

Concat():Предположим, у нас есть два или более массива. Нам нужно объединить эти массивы. Затем мы просто используем этот метод concat()

const arr1 = [1,2,3];
const arr2 = [4,5,6];
const arr3 = arr1.concat(arr2); 
console.log(arr3);
// expected output:  Array [1, 2, 3, 4, 5, 6]

Этот метод не изменит наши существующие массивы, а вернет новый массив.

Every():Предположим, нам нужно проверить все элементы массива, будь они четными или нечетными. Тогда что мы подумаем в первую очередь? для цикла, верно? Но с помощью метода every() мы можем сделать это легко. Этот метод проверяет, проходят ли все элементы массива тест, предоставляемый функцией или просто условием. Если он может пройти, он вернет true, иначе false.

const numbers = [1, 3, 5, 7, 13];
const isAllOdd = (n) => (n%2) > 0;
console.log(numbers.every(isAllOdd));
// expected output: true

FindIndex().Этот метод возвращает первый индекс массива в функции тестирования. Предположим, нам нужно найти индекс элемента, который делится на 5.

const numbers = [2, 8, 10, 15, 20, 9, 35];
const isDividable = (n) => (n % 5) === 0;
console.log(numbers.findIndex(isDividable));
// expected output: 2

Посмотрите, здесь у нас есть еще 3 числа, которые делятся на 5: 15, 20 и 35, но она возвращает 2 (индекс 10), потому что это первый индекс, удовлетворяющий функции.

IndexOf():Этот метод очень прост. Он возвращает первый индекс элемента массива. Если данный элемент не будет присутствовать в массиве, этот метод вернет -1.

const fruits = ['Apple', 'Mango', 'Banana', 'Lithci', 'Mango'];
console.log(fruits.indexOf('Mango'));
// expected output: 1
console.log(fruits.indexOf('Dragonfruit'));
// expected output: -1

LastIndexOf():Этот метод полностью противоположен методу indexOf(). indexOf() возвращает первый индекс элемента массива, верно? Но метод lastIndexOf() возвращает последний индекс элемента массива. Если данный элемент не будет присутствовать в массиве, этот метод вернет -1.

const fruits = ['Apple', 'Mango', 'Banana', 'Lithci', 'Mango'];
console.log(fruits.lastIndexOf('Mango'));
// expected output: 4
console.log(fruits.lastIndexOf('Dragonfruit'));
// expected output: -1

Reverse(): мы используем этот метод для реверсирования массива.

const arr = [1,2,3,4,5,6,7,8,9];
console.log(arr);
// expected output:  Array [1, 2, 3, 4, 5, 6, 7, 8, 9]

Очень просто, правда?

Shift(): этот метод просто удаляет первый элемент из массива. Он также возвращает удаленный элемент. И, очевидно, это меняет длину массива.

const arr = [15, 20, 43, 55, 48];
const firstElement = arr.shift();
console.log(arr);
// expected output: Array [20, 43, 55, 48]
console.log(firstElement);
// expected output: 15

Unshift().Этот метод противоположен методу shift(). shift()удаляет первый элемент из массива, верно? Ноunshift() добавляет один или несколько элементов в начало массива, где push() добавляет один элемент в конце массива. Он также возвращает новую длину массива.

const arr = [4, 5, 6, 7];
const newSize = (arr.unshift(1, 2, 3));
console.log(newSize);
// expected output: 7
console.log(arr);
// expected output: Array [1, 2, 3, 4, 5, 6, 7]

Join(): Этот метод очень интересен. Этот метод объединяет все элементы массива и возвращает их в виде строки. Интересно, правда? Мы можем разделить эти элементы запятой или любой строкой-разделителем.

const fruits = ['Apple', 'Mango', 'Banana', 'Lithci', 'Mango'];
console.log(fruits.join());
// expected output: "Apple,Mango,Banana,Lithci,Mango"
console.log(fruits.join(''));
// expected output: "AppleMangoBananaLithciMango"
console.log(fruits.join('+'));
// expected output: "Apple+Mango+Banana+Lithci+Mango"
console.log(fruits.join('-'));
// expected output: "Apple-Mango-Banana-Lithci-Mango"

Filter(): Предположим, у нас есть массив из некоторых чисел. Теперь мы хотим сохранить те числа, которые больше 5. Это легко сделать с помощью метода filter(). Этот метод создает новый массив с элементами, удовлетворяющими заданному условию. Посмотрим, как.

const numbers = [2,3, 4,2,4,5, 6,9,13, 3];
const newNumbers = numbers.filter(number => number > 5);
console.log(newNumbers);
// expected output: Array [6, 9, 13]

Это все для этого блога. Спасибо за чтение. 😊

Надеюсь увидеть вас в следующем блоге.