Массив - это специальная переменная, которая может одновременно содержать более одного значения. В Javascript есть множество полезных методов, которые помогут решить любую задачу, связанную с массивами. В этом посте я расскажу о 10 наиболее распространенных методах работы с массивами, которые должен знать каждый разработчик.

1. Метод join ()

Он возвращает новую строку, объединяя все элементы в массиве, разделенные указанным разделителем.

const array = ["m","o","n","d","a","y"];
console.log(array.join(""));
// output: monday

2. Метод concat ()

Он возвращает новый массив путем объединения двух или более значений / массива.

const fruits = ["apple", "strawberry", "orange"];
const vegetables = ["tomato", "zucchini"];
const fruits_and_vegetables = fruits.concat(vegetables);
console.log(fruits_and_vegetables);
// output: 
// [ 'apple', 'strawberry', 'orange', 'tomato', 'zucchini' ]
const vegetables_and_fruits = vegetables.concat(fruits);
console.log(vegetables_and_fruits);
// output:
// [ 'tomato', 'zucchini', 'apple', 'strawberry', 'orange' ]

3. Метод sort ()

Он сортирует элементы данного массива в определенном порядке возрастания или убывания.

const months = ["April", "Feb", "Jan", "March", "Dec"];
months.sort();
console.log(months);
// output: 
// ["April", "Dec", "Feb", "Jan", "March"]

4. Метод includes ()

Он проверяет, имеет ли массив определенное значение среди его записей, и возвращает истину или ложь.

const frameworks = ["React", "Vue", "Angular"];
let result1 = frameworks.includes("React");
console.log(result1); // true
let result2 = frameworks.includes("Javascript"); 
console.log(result2); // false

5. Метод filter ()

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

const days = ["monday", "tuesday", "wednesday", "thursday"];
const result = days.filter(day => day.length > 7);
console.log(result);
// output: 
// ["wednesday", "thursday"]

6. Метод find ()

Он возвращает значение первого элемента в предоставленном массиве, которое удовлетворяет предоставленной функции тестирования. Если никакие значения не удовлетворяют функции тестирования, возвращается undefined.

function isEven(element) {
  return element % 2 == 0;
}
const numbers = [3, 13, 16, 25, 28, 7, 95];
const firstElement = numbers.find(el => isEven(el));
console.log(firstElement);
// output: 16

7. Метод forEach ()

Он выполняет предоставленную функцию один раз для каждого элемента массива.

const animals = ["cat", "dog", "bird"];
animals.forEach(element => console.log(element));
// output: 
// cat
// dog
// bird

8. Метод push ()

Он добавляет ноль или более элементов в конец массива и возвращает новую длину массива.

const animals = ["cat", "dog", "bird"];
let count = animals.push("sheep");
console.log(count);
// output: 4
console.log(animals);
// output:["cat", "dog", "bird", "sheep"]

9. Метод pop ()

Он удаляет последний элемент из массива и возвращает этот элемент.

const languages = ["JavaScript", "Python", "Java"];
const removed = languages.pop();

console.log(languages); // [ "JavaScript", "Python" ]
console.log(removed); // Java

10. Метод map ()

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

const numbers = [2, 4, 6, 8];
let newNumbers = numbers.map(x => x * 2);
console.log(newNumbers);
// output: Array [4, 8, 12, 16]

Заключение

Я перечислил наиболее распространенные методы работы с массивами. Используя эти методы с небольшим творческим подходом, вы уже можете ответить на некоторые из самых популярных вопросов на собеседовании, с которыми вам придется столкнуться в будущем. Удачи! Удачного кодирования

Спасибо за прочтение