Массивы очень важны и часто используются для хранения данных на всех языках программирования. Для программиста очень важно знать свои методы массива, поскольку они используются во многих частях наших программ, таких как манипулирование данными API.
Так что же такое массивы?
Массивы можно просто определить как контейнер или коробку для хранения связанных элементов.
let countries = [‘Nigeria’, ‘Mexico’, ‘France’, ‘Germany’].
Методы массива?
Для управления массивами в JavaScript используется огромное количество методов, таких как карта, фильтр, сортировка, indexOf, forEach, push, unshift, shift, reduce, every и т. Д. Для лучшего понимания этой статьи методы массива будут быть сгруппированы в зависимости от того, как и когда они используются.
При выполнении поиска в массиве можно использовать следующие методы;
IndexOf ()
Метод массива indexOf() принимает элемент в качестве параметра и возвращает индекс или позицию, в которой переданный элемент находится в массиве.
let data = ['Kelechi', 14, 'Nigeria', true] console.log(data.indexOf(14)) // => 1
lastIndexOf ()
Метод lastIndexOf() работает аналогично методу indexOf, с той лишь разницей, что lastIndexOf принимает два параметра: item и from, и возвращает позицию или индекс, по которому элемент был найден, используя параметр from в качестве ссылки или отправной точки для его поиск. Он возвращает «-1», если значение не найдено.
let data = ['Kelechi', 14, 'Nigeria', true] console.log(data.lastIndexOf(true, 2)) //=> -1 console.log(data.lastIndexOf(14, 3)) // => 1
Находить()
Метод массива find() принимает функцию в качестве параметра, который используется для выполнения поиска в зависимости от переданного условия. Этот метод возвращает только первый элемент или значение в массиве, которое передало его условие.
let bio = [
{name: 'Jude', country: 'Nigeria', age: 25},
{ name: 'Kelechi', country: 'USA', age: 26 },
{ name: 'Emmanuel', country: 'Senegal', age: 28 },
{ name: 'Commander', country: 'Nigeria', age: 28 }
];
let nigerian = bio.find((item)=> item.country === 'Nigeria' )
console.log(nigerian) //=> { name: 'Jude', country: 'Nigeria', age: '25' }
console.log(nigerian.country) //=> Nigeria
Метод filter ()
Этот метод работает так же, как метод find(), но в отличие от метода find(), он возвращает массив совпадающих элементов.
let nigerians = bio.filter((item)=> item.country === 'Nigeria')
console.log(nigerians) // => [ { name: 'Jude', country: 'Nigeria', age: 25 },{ name: 'Commander', country: 'Nigeria', age: 28 } ]
Метод includes ()
Как следует из названия, метод includes() принимает параметр элемента и проверяет, является ли параметр элемента частью элементов в массиве. Возвращает либо истину, либо ложь.
if(data.includes('Kelechi')){
console.log('My name is Kelechi')
}else{
console.log('Sorry pal, You are not in the array')
}
Методы массивов, используемые для добавления и удаления элементов из массива, включают следующее:
Метод push ()
Этот метод используется для добавления элемента в конец массива.
let data = ['Kelechi', 14, 'Nigeria', true]
data.push('JavaScript')
console.log(data) // => [ 'Kelechi', 14, 'Nigeria', true, 'JavaScript' ]
Метод pop ()
Этот метод используется для удаления последнего элемента в массиве.
let data = ['Kelechi', 14, 'Nigeria', true] data.pop() console.log(data) //=> [ 'Kelechi', 14, 'Nigeria', true ]
Метод unshift ()
В отличие от метода push(), метод unshift() добавляет элемент в начало массива.
let data = ['Kelechi', 14, 'Nigeria', true]
data.unshift('JavaScript')
console.log(data) // => [ 'JavaScript', 'Kelechi', 14, 'Nigeria', true ]
Метод shift ()
В отличие от метода pop(), метод pop удаляет элемент из начала массива.
let data = ['Kelechi', 14, 'Nigeria', true] data.shift() console.log(data) // => [ 'Kelechi', 14, 'Nigeria', true ]
Метод splice ()
Этот метод используется для удаления элемента из массива. Он принимает 3 параметра, которые являются индексными, deleteCount, заменяемыми элементами, что является необязательным.
let data = ['Kelechi', 14, 'Nigeria', true] data.splice(1, 2) console.log(data) // => [ 'Kelechi', true ]
Метод splice также возвращает массив удаленных элементов, если вы назначаете его переменной.
let data = ['Kelechi', 14, 'Nigeria', true] let newData = data.splice(1, 2) console.log(newData) //=> [ 14, 'Nigeria' ]
Он также может добавлять элемент в массив, не удаляя никаких элементов. Этого можно добиться, установив deleteCount на 0.
let data = ['Kelechi', 14, 'Nigeria', true] data.splice(2, 0, 'JavaScript') console.log(data)//=> [ 'Kelechi', 14, 'JavaScript', 'Nigeria', true ]
Метод slice ()
Метод среза работает аналогично методу splice(). Требуется 2 параметра start и end.
let data = ['Kelechi', 14, 'Nigeria', true] let newData = data.slice(1, 3) console.log(newData) // => [ 14, 'Nigeria' ]
Метод concat ()
Этот метод используется для соединения массива с другим массивом.
let data = ['Kelechi', 14, 'Nigeria', true] let newData = data.concat(['JavaScript', 'Ruby', 'Python']) console.log(newData) // => [ 'Kelechi', 14, 'Nigeria', true, 'JavaScript', 'Ruby', 'Python' ]
Методы, используемые для преобразования массива, включают следующее:
Метод map ()
Метод map() преобразует и возвращает массив при вызове в зависимости от переданного действия. Он принимает функцию в качестве параметра.
let newData = ['JavaScript', 'Ruby', 'Python', 'Java'].map((item)=> item.length) console.log(newData) //=> [ 10, 4, 6, 4 ] let num = [1, 5, 6, 8].map(item => item * 2) console.log(num) //=> [ 2, 10, 12, 16 ]
Метод reverse ()
Этот метод возвращает обратную сторону массива.
let data = ['Kelechi', 14, 'Nigeria', true] console.log(data.reverse()) // => [ true, 'Nigeria', 14, 'Kelechi' ]
Метод split ()
Этот метод преобразует строку в массив. Он принимает 2 параметра: разделитель и необязательный числовой параметр (ограничение на длину массива. Если он указан, дополнительные элементы игнорируются).
let words = 'JavaScript, Python, Ruby'.split(',')
console.log(words) //=> [ 'JavaScript', ' Python', ' Ruby' ]
let newwords = 'JavaScript, Python, Ruby'.split(',',2)
console.log(newwords)
let somewords = 'JavaScript'.split('')
console.log(soomewords) // => [ 'J', 'a', 'v', 'a', 'S', 'c', 'r', 'i', 'p', 't' ]
Метод join ()
Метод join() преобразует массив в строку.
console.log(words.join('')) // => JavaScript
Метод reduce ().
Этот метод обычно используется при работе с числами в массивах. Он используется для вычисления одного значения на основе массива. Он принимает функцию и параметр начального значения (необязательный). Функция принимает следующие параметры;
- total: это обязательный параметр, который используется для указания начального значения или ранее возвращенного значения функции.
- текущая стоимость; Это обязательный параметр, используемый для указания значения текущего элемента.
- currentIndex; Это необязательный параметр, используемый для указания индекса массива текущего элемента.
- обр; Это необязательный параметр, который используется для указания объекта массива, которому принадлежит текущий элемент.
let num = [2,5,6,8].reduce((accumulator, currentValue)=> accumulator + currentValue) console.log(num) //=> 21 let num = [2, 5, 6, 8].reduce((accumulator, currentValue) => accumulator + currentValue, 5) console.log(num) // => 26
Наконец, метод forEach() позволяет или используется для запуска функции для каждого элемента в массиве.
let race = ['White', 'Black', 'Asian']
race.forEach((item)=>{
console.log(item)
})
Ребята, это обертка. Перечисленные методы являются основными и важными методами, необходимыми для управления массивом в JavaScript. Не стесняйтесь оставлять свои вопросы, а также вы можете проверить документацию MDN по методам массивов JavaScript (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)
Удачного кодирования !!!!!
