Как использовать встроенные методы массива в JavaScript

При использовании массива вы обнаружите, что вам нужно делать долгие итерации во многих ситуациях. Вы хотите сделать свой код читаемым и простым? Может быть сделано с помощью встроенных объектов. В JavaScript есть различные встроенные объекты. В этой статье я объясню, как использовать встроенные методы массива.

Сначала что такое встроенные объекты? Встроенные объекты, предоставленные с самого начала в JavaScript. Существует четыре встроенных объекта: массив, дата, математика и строка для эффективной обработки этих объектов. Каждый объект обладает специальными свойствами и методами, связанными с ним.

Есть много методов массива в списке . Давайте посмотрим на вершину полезных методов.

“Добавить и удалить”

толкать()

Добавьте новый элемент в конец из массива. Он возвращает новую длину массива. Оригинальный массив будет изменен.

Что лучше, когда вы используете метод push? Давайте посмотрим на пример.

Пример выше показывает два способа добавления элемента. Первый метод состоит в том, чтобы указать номер элемента [4], который является номером, добавленным одним из текущего номера последнего элемента массива, который вы хотите добавить, и назначить его «белкам». Элементы массива не должны быть смежными. Следовательно, индекс добавленного элемента не должен быть последним индексом плюс. Если число не является последним индексом текущего, оно будет нулевым между новым элементом.

Второй – это метод толчка. Когда вы используете метод push, вам не нужно подсчитать текущий номер последнего элемента массива.

Но push () возвращает новый длина из массива. Когда вы печатаете «толчок», вы можете увидеть длину. Поэтому, когда вы хотите распечатать новый массив, вы должны написать «домашних животных».

unshift ()

Добавьте новый элемент или несколько элементов в Верх массива и возвращает количество элементов после добавления. Оригинальный массив будет изменен.

Он используется так же, как и метод Push, но если вы добавляете несколько элементов одновременно, будьте осторожны с порядок, в котором они добавлены.

Результат Alphabet1 – это добавление нескольких элементов одновременно. Алфавит начинает «А». Результат Alphabet2 начинается C. Поскольку Alphabet2 добавляет элементы в каждом методе.

поп ()

Удаляет Последний Элемент массива. Он возвращает элемент и меняет длину массива. Если массив пуст, он возвращается неопределенным. Оригинальный массив будет изменен.

сдвиг()

Удаляет Верх Элемент массива. Он возвращает элемент и меняет длину массива. Если массив пуст, он возвращается неопределенным. Оригинальный массив будет изменен.

Сначала в первую очередь (FIFO) можно создать, соединяя метод PUSH, как описано выше.

Slice (Start, End)

Он извлекает элементы массива из массива в позиции, указанном в аргументе «запуск» в тот, который перед элементом массива в позиции, указанном в аргументе «Конец», и возвращает их в качестве нового массива. Оригинальный массив будет не быть измененным. Оригинальный массив будет изменен.

Если это только «запустить» аргумент, он извлекает элементы массива из массива в позиции, указанном в аргументе «Start» к последнему элементу массива, и возвращает их в качестве нового массива.

Разница между этим методом и предыдущими методами заключается в том, что он не изменяет исходный массив. Таким образом, перед массивом и после массива та же длины.

сплайс (index, deletecount, element1,…, elementn)

Удаляет элемент из массива или добавляет элемент в массив и возвращает удаленный элемент. Это также может заменить указанный диапазон элементов в массиве на другие элементы.

– Удалять

Если вы не указаете какие -либо элементы, которые будут добавлены, элементы в указанном диапазоне будут просто удалены.

– Добавлять

Если DeleteCount указан как 0, элемент для удаления будет 0, а элемент, указанный в аргументе, будет добавлен до того, как элемент указан в индексе начала.

– Заменять

Если вы указываете добавленные элементы, элементы в указанном диапазоне будут заменены.

“ПОРЯДОК”

Сортировать()

Сортируйте элементы массива по строковому порядку или по указанному заказу и верните массив после сортировки. Оригинальный массив будет изменен.

Если элемент является строкой, это очень просто. Но если элемент содержит число, будьте осторожны.

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

В этом случае сравнение функционирование полезно. Сравнение функции – это метод сравнения двух значений и переключения их порядка один за другим.

function compareFunc(a, b) {
    return a < b;
}

В этом примере требуется два аргумента: «A» и «B», и возвращает результат сравнения «A

“<“, “>”,-“может использоваться в качестве условий сравнения для изменения восходящего или нисходящего порядка.

Давайте снова посмотрим на пример номер.

Та-да! Числа сейчас отсортированы!

Чтобы сортировать в порядке убывания, используйте следующее

обратный()

Виды элементов массива в обратном порядке. Оригинальный массив будет изменен.

“ПОВТОРИТЬ”

для каждого()

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

Что такое функция обратного вызова?

Функция обратного вызова – это функции, передаваемые в качестве аргументов. и после функции «A» выполняется, функция «B», указанная в аргументе, может быть выполнена.

Если вы хотите итеративную обработку, вы можете использовать для цикла.

Foreach не требует такой инициализации и может быть написана очень эффективно.

Метод Foreach извлекает элементы в массиве в порядке сверху и вызывает функцию обратного вызова. Функция обратного вызовов вызывается со значением извлекаемого в настоящее время элемента, индексом элемента и самого массива в качестве аргументов.

Также возможно получить содержимое объекта!

“ПЕРЕРАБАТЫВАТЬ”

карта()

Он выполняет функцию обратного вызова для каждого элемента и Возвращает результат как Новый массив Анкет

В функции обратного вызова, написанной как аргумент, значение элемента, полученного как аргумент, преобразуется в верхний регистр с использованием метода Touppercase, а значение возвращается в качестве возвращаемого значения. После того, как такая же обработка выполняется для всех элементов, в свою очередь, новый массив с возвращенными значениями, как элементы создаются и возвращаются как возвращаемое значение метода карты.

Значения элементов в новом массиве – это все версии значений элементов в исходном массиве, но исходный массив не является неизменным, потому что метод карты ничего не делает с исходным массивом. Это называется «Неразрушающий метод». Например, sort (), splice (), push (), shift (), unshift (), reample () будет изменен из исходного массива. Это называется «разрушительный метод». Когда вы хотите вернуться к первоначальному массиву, если вы уже сделали «разрушительный метод», вы не можете вернуться к первоначальному массиву. Иногда это делает много ошибок. Поэтому, пожалуйста, будьте осторожны в использовании «разрушительного метода» в коде.

В чем разница с Foreach ()?

Вы заметили, что эти методы очень похожи. В чем разница между ними? Ответ – «Возвращение». Foreach () – это просто метод выполнения 、, но map () вернет результат в качестве массива после выполнения.

Давайте посмотрим на пример.

Это Foreach () и Map () – та же программа, и результат одинаково.

Но как «возврат»? Фореш “не определен”.

Ура! Только карта () вернулась! Вы можете видеть, что результат выполнения может получить данные массива как «возвращаемое значение».

уменьшить (вызовать (сумма, элемент), начальное значение)

Сложите значения всех элементов в массиве по порядку и, наконец, получите общее значение.

Первый процесс приведет к «1 + 2», и сумма будет храниться в накопленном значении, а следующий процесс будет выполнен «3 + 3». Общая стоимость “15”.

Что, если элементы массива содержат объекты?

В таком случае, если вы не указаете исходное значение, объект, который является значением первого элемента, будет храниться так же, как и начальное значение, которое не даст предполагаемый результат. Как это.

“ПОИСК”

фильтр()

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

В функции обратного вызова в качестве аргумента метода фильтра, если длина элемента, полученного в качестве аргумента, больше 4, верно возвращается, в противном случае возвращается false. После вызова функций обратного вызова для всех элементов, в свою очередь, новый массив, содержащий элементы, которые возвращали True, создается и возвращается в качестве возвращаемого значения метода фильтра.

Метод фильтра ничего не делает с исходным массивом, поэтому исходный массив не изменен. Этот метод является беспроптивным методом.

Indexof (Element, FirstIndex)

Поиск массива для элемента и возвращает свой первый индекс. Если это не найдено, возвращается -1.

В строке есть еще один символ «кошка», но программа прекратится после возвращения первой соответствующей позиции.

Что произойдет, если вы указате «2» как «Firstinde»? Второй “кошка” будет выводиться!

Это все, что я ввел полезные методы массива в встроенных объектах! Наслаждайтесь кодированием:)

Оригинал: “https://dev.to/marina294/how-to-use-built-in-array-methods-in-javascript-10ci”