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

Чтобы из массива удалить элементы и вставить на их место другие элементы используют метод 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

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

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

Например:

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

Расположение элементов массива в обратном порядке методом reverse().

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

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

💡 Получение строкового представления массива

Для извлечения элементов из массива в виде строки используют метод toString() или a.join().

Например:

let a = [1, 10, 3, 2, 11];
let b=['b','c','a'];
console.log(a.toString()); // 1,10,3,2,11
console.log(b.toString()); // b,c,a
console.log(a.join()); // 1,10,3,2,11
console.log(a.join(', ')); //1, 10, 3, 2, 11
console.log(b.join()); //1,10,3,2,11
console.log(b.join(', ')); //b, c, a

Получение строкового представления из массива методом toString() и a.join().

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

💡 Создание копий массивов

Элементы из массива a можно скопировать в массив b с помощью метода Array.of().

Например:

var a = [1, 10, 3, 2, 11];
var b = Array.of(...a);
console.log(b); // [1, 10, 3, 2, 11]

Копирование массива a в массив b методом Array.of().

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

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

💡 Создание копий массивов

С помощью метода copyWithin() можно копировать элементы в определенное место массива. Методу необходимо передать аргументы: первый аргумент — индекс целевой позиции, то есть то место в новом массиве, куда необходимо вставить данные. Второй аргумент — начальный индекс позиции источника элементов.

Например:

let a = [1, 2, 3, 4, 5];

a.copyWithin(0, 2); // 0 — начальный индекс позиции нового массива, куда необходимо вставить элементы массива a с индексом 2

console.log(a); // [3, 4, 5, 4, 5]. На место элементов 1,2,3, вставили элементы 3,4,5, а остальные элементы оставили как были в исходном массиве.

Копирование элементов из массива в определенное место массива.

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

💡 Методы shift/unshift

Метод shift() удаляет из начала массива один или несколько элементов. Метод unshift() добавляет в начало массива один или несколько элементов.

Например:

let dishes = ["Кастрюля", "Сковородка"];
dishes.unshift('Половник'); // Вставляем в начало массива слово 'Половник'
console.log(dishes); // Выводим массив ["Половник", "Кастрюля", "Сковородка"]
dishes.shift(); // Удаляем слово из начала массива
console.log(dishes); // ["Кастрюля", "Сковородка"]

— добавление в массив методом unshift() и удаление из массива методом shift().

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

💡 Немного о «length»

Свойство length — это наибольший индекс массива плюс один. С помощью этого свойства можно уменьшить длину массива.

Например:

let arr = [1, 2, 3, 4, 5];
arr.length = 2; // укорачиваем до двух элементов
console.log( arr ); // Array [ 1, 2 ]
arr.length = 5; // возвращаем length 
console.log(arr); // [ 1, 2, <3 empty slots> ]
console.log( arr[3] ); // undefined: как видим, значения не восстановились

Уменьшаем массив arr до двух элементов. Уменьшение массива происходит безвозвратно. Если снова обратиться к индексу [3], то получим undefined.

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

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