💡 Удаление элементов массива и вставка вместо них других элементов

Чтобы из массива удалить элементы и вставить на их место другие элементы используют метод splice().

Например:

let a = [1, 2, 3, 4, 5, 6];
a.splice(2, 3,'a', 'b');

Удаление элементов массива и вставка на их место других элементов методом splice(). В примере удаляем три элемента начиная с индекса 2 и на их место вставляем 'a', 'b'. Получаем массив a=[ 1, 2, 'a', 'b', 6 ].

WebDEV #советы #coding #js

💡 Объединение нескольких массивов

Объединять массивы и возвращать новый массив можно методом concat().

Например:

let a = [1, 2];
let b = [3, 4];
let c = a.concat(b);

Объединение массивов методом concat(). В примере массив a и массив b объединили с помощью метода concat() и вернули новый массив c=[1,2,3,4].

WebDEV #советы #coding #js

💡 Поиск элементов в массиве

Элементы в массиве можно искать с помощью следующих методов:

— indexOf()
— lastIndexOf()
— find()
— findIndex()
— includes()

Найти элемент в массиве можно по индексу с помощью метода indexOf(). Если по указанному индексу нет элемента, то возвращается -1.

Например:

let a = [1, 2, 3, 4, 5, 6, 7, 5, 8];
console.log(a.indexOf(5)); // 4
console.log(a.indexOf(23)); // -1

В примере в массиве a ищут и выводят в консоль элемент с индексом [5] и элемент с индексом [23]. Под индексом [5] нашли элемент 4. А под индексом [23] нет элементов, поэтому получаем -1.

Продолжение следует...

WebDEV #советы #coding #js

💡 Поиск элементов в массиве

Метод lastIndexOf() возвращает индекс последнего вхождения элементов в массив, если элемента нет, то возвращается -1.

Например:

let a = [1, 2, 3, 4, 5, 6, 7, 5, 8];
console.log(a.lastIndexOf(1)); 
console.log(a.lastIndexOf(23)); 

В примере в массиве a ищем индекс элемента 1 и получаем [0]. Элемента 23 в массиве нет, поэтому в консоли получаем -1.

Продолжение следует...

WebDEV #советы #coding #js

💡 Поиск элементов в массиве

Метод find() ищет элементы в массиве по передаваемой ему функции. Если функция возвращает true, то метод возвращает первый найденный элемент.

Например:

a.find(x => x.id === my_id); 

В примере функция x ищет элемент id, который должен иметь значение my_id. Если он находит my_id в массиве, то возвращает этот элемент. Если элемента нет, то возвращается undefined.

Продолжение следует...

WebDEV #советы #coding #js

💡 Подборка советов по массивам в js

▫️ Фильтрация массива с помощью метода filter()

▫️ Метод reduce()

▫️ Перебор массива с помощью метода forEach()

▫️ Перебор массива с использованием оператора for...of

▫️ Добавление элементов в конец массива

▫️ Добавление элементов в начало массива

WebDEV #подборка #советы #coding #js

💡 Поиск элементов в массиве

Метод findIndex() возвращает индекс элемента, если элемента нет, то возвращается undefined.

Например:

a.findIndex(x => x.id === my_id);

Поиск элемента массива методом findIndex().

Продолжение следует...

WebDEV #советы #coding #js

💡 Поиск элементов в массиве

Метод includes() ищет элемент массива и возвращает true, если элемент есть, возвращает false, если элемента нет. Методу можно передавать два значения — сам элемент и индекс.

Например:

let a = [1, 2, 3, 4, 5, 6, 7, 5, 8];
console.log(a.includes(1, 2));

Поиск элемента массива методом includes(). В примере метод вернет false, потому что на месте индекса [2] нет элемента 1. Элемент 1 находится под индексом [0].

Продолжение следует...

WebDEV #советы #coding #js

💡 Получение фрагмента массива

Метод slice() используют для получения фрагментов массива по его индексам.

Например:

let a = [1, 2, 3, 4, 5, 6, 7, 8, 9];
console.log(a.slice(4)); // [5, 6, 7, 8, 9 ]
console.log(a.slice(3,7)); // [4, 5, 6, 7 ]

В первом выводе из массива a получается фрагмент массива начиная с индекса 4 и до конца [5, 6, 7, 8, 9]. Во втором случае получим массив с 3 по 7 индекс [4, 5, 6, 7], при этом последний элемент в массив не входит.

WebDEV #советы #coding #js

💡 Сортировка массива

Для сортировки массива в алфавитном порядке используют метод sort().

Например:

let a = [1, 2, 3, 10, 11];
let b = ["b", "c", "a"];
a.sort(); // [1, 10, 11, 2, 3]
b.sort(); // ["a", "b", "c"]

Сортировка массивов методом sort().

Чтобы числа и цифры в массиве шли по порядку, используют функцию (a, b) => a – b.

Продолжение следует...

WebDEV #советы #coding #js