Обзор JavaScript по 18 часто используемым методам работы с массивами

Как мы все знаем, запрос данных из серверной части и обработка данных являются важными навыками для интерфейсных инженеров. Данные, запрошенные из серверной части, часто возвращаются во внешний интерфейс в виде массива, поэтому важность методов обработки массива может быть высокой. воображаемые методы обработки массивов Существует множество документов MDN. Многие друзья часто не понимают ключевых моментов при обучении, что приводит к вдвое худшему результату, но не волнуйтесь, я суммировал 18 часто используемых методов обработки массивов. в работе

forEach()

не изменит исходный массив

является функцией. Первый формальный параметр внутренней передаваемой функции — это значение каждого элемента в массиве элементов. второй — это индексный номер index. Его возвращаемое значение не определено;
Пример работы выглядит следующим образом:

Консольный вывод

Метод filter()

Метод filter() — это метод фильтрации массивов. Передаваемые параметры такие же, как и у метода forEach, но возвращаемое значение представляет собой массив. Фактическое применение — отфильтровать массивы, соответствующие условиям. полученные данные;
Пример работы выглядит следующим образом:

Вывод консоли следующий:

Метод map()

Параметры, передаваемые методом map(), также аналогичны приведенным выше, и его возвращаемое значение также является новым массивом; метод map() может выполнять ту же самую обработку для каждого элемента массива. пример следующий:

Вывод консоли:

Метод findIndex()

Метод findIndex(), как следует из названия, возвращает порядковый номер первого элемента массива, который соответствует условиям. Если его невозможно найти, он возвращает -1. Переданные параметры такие же, как указано выше, а рабочий пример выглядит следующим образом:

let arr = [1, 3, 3, 4, 5, 6, 7]
//Метод findIndex возвращает порядковый номер первого элемента, удовлетворяющего условиям, если не найден, возвращает -1
const res = arr.findIndex((item) => item > 5)
console.log(res)

результаты вывода консоли:

Метод find()

Метод find() возвращает первый найденный элемент, соответствующий условиям. Передаваемые параметры такие же, как указано выше. Пример выполнения следующий:

пусть arr = [1, 3, 3, 4, 5, 6, 7]
//find() ищет элемент и возвращает первый элемент, соответствующий условиям. Если найден, он возвращает неопределенное значение.
const res2 = arr.find((item) => {
  вернуть товар > 5
})

console.log(res2)

следующие:

Метод some()

Параметры, передаваемые методом some(), такие же, как указано выше, а возвращаемое значение является логическим значением. Если найден элемент, соответствующий условиям, он вернет true; :

пусть arr = [1, 3, 3, 4, 5, 6, 7]
//некоторый метод возвращает логическое значение const bl = arr.some((item) => {
  вернуть товар > 5
})
console.log(бл)

Метод Every()

Параметры, передаваемые методом Every(), такие же, как указано выше, а возвращаемое значение представляет собой логическое значение, но каждый элемент должен соответствовать условиям, чтобы вернуть значение true. Пример следующий:

let arr = [1)

, 3, 3, 4, 5, 6, 7]
//every() возвращает логическое значение, которое должно пройти условия фильтрации, прежде чем вернет true
const bl2 = arr.every((currentValue) => {
  вернуть текущее значение < 10
})
консоль.log(bl2)

индукционная функция уменьшить().

Первый параметр в функции уменьшения() — это функция, второй параметр — это тип суммы временной переменной, функция первого параметра имеет четыре параметра, но обычно используемый первый параметр — это накопление временных переменных (возврат это значение), второй элемент параметра. Третий — индекс, а четвертый — сам массив; пример кода следующий:

let arr = [1, 3, 3, 4, 5, 6, 7]
//reduce() функция индукции const previousValue = 0
const arrSum = arr.reduce((previousValue, currentValue) => {
  вернуть предыдущее значение + текущее значение
}, 0)

console.log(arrSum)

следующие:

concat() Объединение массивов

concat() соединяет два массива и возвращает объединенный новый массив. Многомерные массивы (массивы внутри массивов) не могут быть объединены;
Пример кода следующий:

пусть arr = [1, 3, 3, 4, 5, 6, 7]
 //concat объединяет два массива и возвращает новый массив
 const newArr3 = [2, 5, 5, 6, 6, 8]
 const concatArr = arr.concat(newArr3)
 console.log(concatArr)

Методы изменения исходного массива

push()/

unshift() заключается в добавлении элемента в конец и начало массива соответственно, а возвращаемое значение — это длина нового массива

//

Метод обработки массива изменится. Исходный массив const Arr = [1, 3, 5, 6, 7, 8, 9]
Arr.push(1)
console.log(Прибытие)
console.log(Прибытие)
const a = Arr.unshift(1)

console.log(a)

следующие:

pop()/shift()

(

) удаляют последнее значение массива, а сдвиг() удаляет значение первого элемента массива; возвращаемое значение — это удаленный элемент;

console.log(обр.)
аранж.смена(1)

console.log(arr)

следующие:

sort()/reverse()

Метод sort() выполняет сортировку. Внутренний параметр — это функция function(a, b){ return a - b }. С помощью этой функции вы можете управлять порядком сортировки по убыванию. Функция находится в порядке возрастания. Если внутренний возврат параметра a - b имеет порядок убывания, возврат a + b - это порядок возрастания;
verse() — это переворот массива, то есть расположение элементов массива в обратном порядке; пример кода следующий:

let arr = [1, 3, 3, 4, 5, 6, 7]arr.sort( (а, б) => {
  вернуть a - b})console.log(arr)arr.reverse()console.log(arr)

splice()

Метод splice() изменяет исходный массив и возвращает новый массив с удаленными элементами. Отрицательное число — это порядковый номер от начала до конца. Первый передаваемый параметр — это порядковый номер удаленного начального элемента. второй параметр — количество удаленных элементов;

пусть arr = [1, 3, 3, 4, 5, 6, 7]arr.splice(1, 3)console.log(arr)

Другой

метод Flat()

Flat() используется для выравнивания многомерных массивов. Передаваемый параметр — это глубина массива, которая также может быть бесконечной, что означает, что глубина массива бесконечна. Пример кода выглядит следующим образом. :

const Arr2 = [
  [1, 2],
  [двадцать три],
  [4, 5],
  [5, 6],]console.log(Arr2.flat(Infinity))

результаты вывода консоли:

fill()

может заполнять массив: Метод записи: Array.fill(1, 2, 4) заполняет массив цифрой 1, начиная с элемента со значением индекса 2, начиная с индексного номера элемента, начиная с 4, исключая значение индекса — 4 элемента; заполненный элемент перезапишет исходный элемент, соответствующий номеру индекса;
Пример кода выглядит следующим образом:

const Arr2 = [
  [1, 2],
  [двадцать три],
  [4, 5],
  [5, 6],]console.log(Arr2.fill(1, 0, 4))

результаты вывода консоли: