Метод concat применяется к массиву и создаёт из него новый. Все аргументы, переданные методу, будут добавлены в конец нового массива в том же порядке.

const names = ['Yura', 'Anna', 'Alena'];
console.log(names.concat('Olga'));
//["Yura", "Anna", "Alena", "Olga"]

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const newNumbers = numbers.concat(0);
console.log(newNumbers);
//[1, 2, 3, 4, 5, 6, 7, 8, 9, 0]

const family = [['Yura', 33], ['Anna', 28], ['Alena', 2]];
const newFamily = family.concat([['Olga', 24]]);
console.log(newFamily);
//[['Yura', 33], ['Anna', 28], ['Alena', 2], ['Olga', 24]];

const carsGermany = ['Audi', 'BMW', 'Volkswagen'];
const carsJapan = ['Toyota', 'Nissan', 'Mazda'];
const cars = carsGermany.concat(carsJapan);
console.log(cars);
//["Audi", "BMW", "Volkswagen", "Toyota", "Nissan", "Mazda"]

Метод push добавляет переданные ему аргументы в конец массива.

const cars = ['Audi', 'BMW', 'Volkswagen', 'Toyota', 'Nissan', 'Mazda'];
cars.push('Lada');
console.log(cars);
//["Audi", "BMW", "Volkswagen", "Toyota", "Nissan", "Mazda", "Lada"]

Метод join преобразовывает массива в строку.

const cars = ['Audi', 'BMW', 'Volkswagen', 'Toyota', 'Nissan', 'Mazda'];

console.log(cars.join());
//Audi,BMW,Volkswagen,Toyota,Nissan,Mazda 

console.log(cars.join(', '));
//Audi, BMW, Volkswagen, Toyota, Nissan, Mazda 

console.log(cars.join(' | '));
//Audi | BMW | Volkswagen | Toyota | Nissan | Mazda 

Метод pop удаляет последний элемент массива. Если массив пуст, pop вернёт undefined.

const cars = ['Audi', 'BMW', 'Volkswagen', 'Toyota', 'Nissan', 'Mazda'];
console.log(cars.pop());
//Mazda 
console.log(cars);
//["Audi", "BMW", "Volkswagen", "Toyota", "Nissan"]

const string = ['Hello World'];
console.log(string.pop());
//Hello World
console.log(string);
//[]

Метод shift удаляет первый элемент. Если массив пуст, shift вернёт undefined.

const cars = ['Audi', 'BMW', 'Volkswagen', 'Toyota', 'Nissan', 'Mazda'];
console.log(cars.shift());
/
/Audi 
console.log(cars);
//["BMW", "Volkswagen", "Toyota", "Nissan", "Mazda"]

Метод unshift добавляет элемент в начало массива.

const cars = ['Audi', 'BMW', 'Volkswagen', 'Toyota', 'Nissan', 'Mazda'];
console.log(cars.unshift('Lada'));
//7
console.log(cars);
//["Lada", "Audi", "BMW", "Volkswagen", "Toyota", "Nissan", "Mazda"]

Методы shift и unshift более затратнее в вычислениях чем методы pop и push.

Метод slice, используется для получения части массива.

Метод slice копирует часть массива и делает из неё новый массив. Он принимает на вход два аргумента:

• индекс элемента, с которого нужно начать копирование (включительно);
• индекс элемента, на котором нужно остановиться (не включительно).

Исходный массив при этом не изменяется.

Если не указать второй аргумент, тогда скопированы будут все элементы до конца.

Если вызвать slice вообще без аргументов. Получится новый массив.

const cars = ['Audi', 'BMW', 'Volkswagen', 'Toyota', 'Nissan', 'Mazda'];
console.log(cars.slice(1, 3));
//["BMW", "Volkswagen"]
console.log(cars.slice(1, -2));
//["BMW", "Volkswagen", "Toyota"]
console.log(cars.slice(3));
//["Toyota", "Nissan", "Mazda"]
console.log(cars);
//["Audi", "BMW", "Volkswagen", "Toyota", "Nissan", "Mazda"]
const newCars = cars.slice()
console.log(newCars);
//["Audi", "BMW", "Volkswagen", "Toyota", "Nissan", "Mazda"]

Метод splice, заменяет части элементов массива.

Метод splice выполняет два действия: удаляет элементы из массива и добавляет на их место новые. Первый аргумент метода — индекс элемента, с которого надо начать удалять. Второй — сколько элементов нужно удалить.

Аргументы с третьего — элементы, которые мы хотим поставить на место удалённых. Их может быть сколько угодно или не быть вообще.

const cars = ['Audi', 'BMW', 'Volkswagen', 'Toyota', 'Nissan', 'Lada'];
console.log(cars.splice(0, 5, 'UAZ'));
//["Audi", "BMW", "Volkswagen", "Toyota", "Nissan"]
console.log(cars);
//["UAZ", "Lada"]
console.log(cars.splice(1, 0, 'GAZ'));
//["UAZ", "GAZ", "Lada"]

---

Filed under: Без рубрики - @ 29.12.2022 09:05