Основные методы массива Javascript

Поскольку это самая популярная структура данных, очень важно знать, как эффективно и легко манипулировать массивами. Javascript имеет потрясающие встроенные методы массива, поэтому давайте узнаем, что это за некоторые из них, когда их использовать и как их использовать!

Массив.push()

Когда его использовать:

Используйте метод push, чтобы добавить элемент в конец массива. Этот метод принимает параметр, который представляет собой добавляемый элемент. Он возвращает длину нового массива, если вам нужно его использовать.

Как это использовать:

const programmingLanguages = ['C', 'Python', 'Java'];
const length = programmingLanguages.push('Javascript');
console.log(programmingLanguages);
// prints out --> ['C', 'Python', 'Java', 'Javascript']
console.log(length);
// prints out --> 4

Массив.pop()

Когда его использовать:

Используйте pop для удаления последнего элемента массива. Этот метод возвращает удаленный элемент, который вы можете захватить.

Как это использовать:

const programmingLanguages = ['C', 'Python', 'Java', 'Javascript'];
const element = programmingLanguages.pop();
console.log(programmingLanguages);
// prints out --> ['C', 'Python', 'Java']
console.log(element);
// prints out --> 'Javascript'

Массив.shift()

Когда его использовать:

Используйте pop для удаления первого элемента массива. Этот метод возвращает удаленный элемент, который вы можете захватить.

Как это использовать:

const programmingLanguages = ['C', 'Python', 'Java', 'Javascript'];
const element = programmingLanguages.shift();
console.log(programmingLanguages);
// prints out --> ['Python', 'Java', 'Javascript']
console.log(element);
// prints out --> 'C'

Совет: вы можете использовать Array.push() и Array.pop() для реализации стека и Array.push() и Array.shift() для реализации очереди!

Массив.карта()

Когда его использовать:

Используйте это, когда хотите сослаться на массив и вернуть новый массив с изменениями в каждом исходном элементе.

Как это использовать:

Этот метод принимает функцию обратного вызова, которая определяет вычисления для каждого элемента. Передайте свою функцию и верните результат, который вы хотите установить для соответствующего элемента.

const myNumbers = [1, 2, 3, 4];
const mySquareNumbers = myNumbers.map(number => number * number)
console.log(mySquareNumbers);
// prints out --> [1, 4, 9, 16]

Массив.для каждого()

Когда его использовать:

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

Как это использовать:

Этот метод принимает функцию обратного вызова, которая определяет вычисления для каждого элемента. Передайте свою функцию и верните результат, который вы хотите установить для соответствующего элемента.

const myNumbers = [1, 2, 3, 4];
myNumbers.forEach(number => number * number)
console.log(myNumbers);
// prints out --> [1, 4, 9, 16]

Горячий совет: map() и forEach() часто неправильно используются, когда их принимают друг за друга. Помните, что map вернет новый массив, тогда как forEach изменит исходный массив.

Массив.фильтр()

Когда его использовать:

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

Как это использовать:

Этот метод принимает функцию обратного вызова, которая определяет тест, который нужно выполнить для каждого элемента. Эта функция обратного вызова должна возвращать логическое условие.

const myNumbers = [1, 2, 3, 4];
const myNumbersThatAreGreaterThanThree = myNumbers.filter(number =>     
    number > 2)
console.log(myNumbers);
// prints out --> [3, 4]