Массив - это специальная переменная, которая может одновременно содержать более одного значения. В 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]
Заключение
Я перечислил наиболее распространенные методы работы с массивами. Используя эти методы с небольшим творческим подходом, вы уже можете ответить на некоторые из самых популярных вопросов на собеседовании, с которыми вам придется столкнуться в будущем. Удачи! Удачного кодирования
Спасибо за прочтение