Изучите эти методы массива, чтобы использовать свои навыки программирования на JavaScript
В JavaScript массив - это специальная переменная, которая используется для хранения различных значений в одном элементе.
Он содержит различные типы методов массива, которые мы можем добавлять, удалять, изменять и экспериментировать, чтобы работать в нашем коде так, как мы хотим. А их знание может повысить ваши способности как профессионального разработчика.
Думайте о массиве как об объекте, который содержит различные другие объекты.
Например: если вы создаете массив «комната», он может содержать такие элементы, как кровать, стул, стол, вентилятор, зеркало и т. Д.. Если вы сделаете «небо» массивом, его элементами могут быть звезды, луна, солнце, планеты и т. Д.. Если вы сделаете «город» массивом, его элементами могут быть улица, пригород, парки, дома. Если вы сделаете age массивом, его элементами может быть любое число.
Он представлен в виде:
комната = [кровать, стул, стол, вентилятор, зеркало];
небо = [звезды, луна, солнце, планеты];
city = [улица, пригород, парки, дома]
возраст = [20, 22, 25, 30, 23, 32]
Это действительно зависит от вашего воображения. Думайте об этом как о надмножестве, которое включает в себя множество элементов и заключено в большие скобки [], как вы могли заметить.
Это просто элементарные знания. Давайте перейдем к интересной части - узнать больше о массивах.
некоторые()
Этот метод проверяет массив с помощью функции, переданной в качестве параметра. Затем он вернет true, если одно из значений найдено, и false, если не найдено.
const cameraPrice = [ 1000, 2000, 1500, 2500, 3000 ] cameraPrice.some(camera => camera >= 1500) //returns true
карта()
Этот метод принимает функцию в качестве параметра, который возвращает изображение каждого элемента переданного массива. Он всегда возвращает равное количество переданных элементов.
const num = [4, 9, 16, 25, 36, 49, 64 ] num.map(Math.sqrt) // returns 2, 3, 4, 5, 6, 7, 8
уменьшать()
Он сокращает несколько элементов переданного массива до одного значения. Этот метод выполняется для каждого значения массива слева направо. И возвращаемое значение помещается в элемент, также известный как аккумулятор (итог, результат).
const sum = [ 2, 4, 6, 8 ] sum.reduce( (total, value) => total + value ) // returns 2 + 4 + 6 + 8 = 20
фильтр()
Этот метод принимает функцию в качестве параметра и возвращает элементы массива, которые возвращаются true.
const cars = [
{ id = 1, name = “Mazda” },
{ id = 2, name = “Audi” },
{id = 3, name = “Tesla”},
{id = 4, name = “Ford”}
]
cars.filter( car => car.name === “Tesla” )
//returns Tesla
для каждого()
Как следует из названия, он вызывает функцию для каждого элемента. Для запуска этого метода массив должен иметь значение.
const cars = [
{ id = 1, name = “Mazda” },
{ id = 2, name = “Audi” },
{id = 3, name = “Tesla”},
{id = 4, name = “Ford”}
]
cars.forEach( car => console.log(car.name) )
//returns
// Mazda
// Audi
// Tesla
// Ford
найти()
Этот метод принимает функцию как массив, который возвращает значение первого элемента, прошедшего проверку. После нахождения первого значения другие значения проверяться не будут. Если значение не найдено, возвращается undefined.
const cars = [
{ id = 1, name = “Mazda” },
{ id = 2, name = “Audi” },
{id = 3, name = “Tesla”},
{id = 4, name = “Ford”}
]
cars.find( car => car.id === 4 )
cars.find( car => car.id === 6 )
//returns Ford
//returns undefined
Сортировать()
Этот метод принимает функцию в качестве параметра и возвращает элементы массива в отсортированном виде. Сортировка может быть alphabetic или numeric и ascending или descending
const num = [ 2, 9, 3, 5, 1, 8, 7, 6, 4 ] num.sort( (a, b) => a-b ) num.sort( (a, b) => b-a ) //returns 1, 2, 3, 4, 5, 6, 7, 8, 9 //returns 9, 8, 7, 6, 5, 4, 3, 2, 1
concat ()
Этот метод массива объединяет несколько массивов в один массив.
const num = [ 1, 2, 3, 4 ] cosnt nextNum = [ 5, 6, 7, 8 ] num.concat(nextNum) //returns [1, 2, 3, 4, 5, 6 ,7, 8]
задний ход()
Этот метод меняет местами элемент в массиве. Первый элемент становится последним, а последний - первым.
const num = [ 1, 2, 3, 4 ] num.reverse() //returns [4, 3, 2, 1]
включает в себя()
Этот метод возвращает true, если массив содержит определенный переданный элемент, и возвращает false, если он не найден.
const num = [ 1, 2, 3, 4 ] num.includes(4) num.includes(5) //returns true //returns false
Массив прост, но обширен. Это улучшает ваши навыки программирования как разработчика и помогает повысить скорость обучения.
Попробуйте запустить его в своем браузере и продолжайте практиковаться. Это были некоторые методы массива JavaScript, о которых должен знать каждый разработчик.
Нравится то, что вы читаете?
Если вы хотите читать больше информативных статей, подобных этой, мой электронный дайджест как раз для вас.
Нажмите, чтобы присоединиться к моему электронному дайджесту сегодня.
