Обмен технологиями

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

В JavaScript массив — это очень важная структура данных, используемая для хранения нескольких значений. JS предоставляет множество встроенных методов для управления массивами, что делает обработку данных проще и эффективнее. В этой статье будут подробно представлены некоторые часто используемые методы работы с массивами в JavaScript. Это не только часто используемые методы в повседневной разработке, но и предмет интервью. Теперь я рассмотрю их вместе с вами~.

1. push() и pop()

толкать()

Метод push() добавляет один или несколько элементов в конец массива и возвращает длину нового массива.

let arr = [1, 2, 3];
 let newLength = arr.push(4, 5); // newLength is 5, arr is [1, 2, 3, 4, 5]

параметр: один или несколько элементов, добавляемых в конец массива.

возвращаемое значение: Длина нового массива.

поп()

Метод pop() удаляет элемент из конца массива и возвращает этот элемент.

let arr = [1, 2, 3, 4];
let removedElement = arr.pop(); // removedElement is 4, arr is [1, 2, 3]

параметр: никто.

возвращаемое значение: удаленный элемент.

2. сдвиг() и unshift()

сдвиг()

Метод сдвиг() используется для удаления элемента в начале массива и возврата этого элемента.

let arr = [1, 2, 3, 4];
 
let removedElement = arr.shift(); // removedElement is 1, arr is [2, 3, 4]

параметр: никто.

возвращаемое значение: удаленный элемент.

unshift()

Метод unshift() добавляет один или несколько элементов в начало массива и возвращает длину нового массива.

let arr = [2, 3, 4];
let newLength = arr.unshift(0, 1); // newLength is 5, arr is [0, 1, 2, 3, 4]

параметр: один или несколько элементов, добавляемых в начало массива.

возвращаемое значение: Длина нового массива.

3. срез() и сращивание()

кусочек()

Метод среза() используется для возврата нового массива, выбранного от начала до конца (эксклюзивно). Исходный массив не будет изменен.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3); // newArr is [2, 3], arr is [1, 2, 3, 4, 5]

параметр:

начинать(Необязательно): начать извлечение из этого индекса (включительно).

конец(Необязательно): Завершить извлечение до (и не включая) этого индекса.

возвращаемое значение:

новый массив, содержащий из начинать приезжатьконец(без учета конец)Элементы.

сращивание()

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

let arr = [1, 2, 3, 4, 5];
let removedElements = arr.splice(2, 2, 6, 7); // removedElements is [3, 4], arr is [1, 2, 6, 7, 5]

параметр:

начинать: указывает начальную позицию модификации.

удалитьКоличество(необязательно): целое число, указывающее количество элементов, которые нужно удалить.

пункт1, пункт2, ...(необязательно): новый элемент, добавляемый в массив.

возвращаемое значение: Массив, содержащий удаленные элементы.

4. concat()

concat() Метод, используемый для объединения двух или более массивов. Этот метод не меняет существующий массив, а возвращает новый массив.

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2, [7, 8]); // newArr is [1, 2, 3, 4, 5, 6, 7, 8]

параметр: Массив или значение, которое нужно объединить с текущим массивом.

возвращаемое значение: новый массив.

5. forEach()

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

let arr = [1, 2, 3, 4];
arr.forEach((element, index) => {
  console.log(`Element at index ${index} is ${element}`);
});
// Output:
// Element at index 0 is 1
// Element at index 1 is 2
// Element at index 2 is 3
// Element at index 3 is 4

параметр: функция, которая принимает в качестве параметров текущий элемент, индекс элемента и сам массив.

возвращаемое значение: никто.

6. карта()

карта() Метод создает новый массив, в результате которого каждый элемент массива является возвращаемым значением вызова предоставленной функции.

let arr = [1, 2, 3, 4];
let newArr = arr.map(element => element * 2); // newArr is [2, 4, 6, 8]

параметр: функция, которая принимает в качестве параметров текущий элемент, индекс элемента и сам массив.

возвращаемое значение: новый массив.

7. фильтр()

фильтр() Метод создает новый массив, содержащий все элементы теста, реализованные предоставленной функцией.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(element => element > 2); // newArr is [3, 4, 5]

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

возвращаемое значение: новый массив.

8. уменьшить()

уменьшать() Метод выполняет предоставленную вами функцию редуктора (в порядке возрастания) для каждого элемента массива, суммируя ее результаты в одно возвращаемое значение.

let arr = [1, 2, 3, 4];
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0); // sum is 10

параметр:редуктор Функция, которая принимает аккумулятор и текущее значение в качестве аргументов.

Начальное значение(Необязательно): как значение первого параметра при первом вызове функции обратного вызова.

возвращаемое значение: Накопленные результаты.

9. найти()

находить() Метод возвращает значение первого элемента массива, удовлетворяющего предоставленной тестовой функции.В противном случае вернитенеопределенный。

let arr = [1, 2, 3, 4];
let foundElement = arr.find(element => element > 2); // foundElement is 3

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

возвращаемое значение: первое значение элемента, прошедшее проверку.

10. включает()

включает в себя() Метод используется для определения того, содержит ли массив указанное значение. В зависимости от ситуации оно будет возвращено, если оно содержит.истинный, в противном случае возврат ЛОЖЬ。

let arr = [1, 2, 3, 4];
let hasElement = arr.includes(3); // hasElement is true
let notIncluded = arr.includes(5); // notIncluded is false

параметр:

значениеНайти: Значение элемента, которое нужно найти.

fromIndex(Необязательно): Начните поиск по этому индексу.

возвращаемое значение: логическое значение.

Изучив эти распространенные методы работы с массивами в JavaScript, мы можем более эффективно обрабатывать данные, передаваемые серверной частью, и писать более краткий и читаемый код. Надеюсь, эта статья поможет вам!