Содержание статьи
Встроенные в JavaScript методы помогают нам во время программирования, если мы их правильно понимаем. В этой статье я хотел бы объяснить три из них: slice()
, splice()
и split()
методы Возможно, потому, что их названия настолько схожи, их часто путают даже среди опытных разработчиков.
Я советую студентам и младшим разработчикам внимательно прочесть эту статью, потому что эти три метода также можно спросить на собеседовании.
В конце вы можете найти краткое описание каждого метода. Если хотите, вы можете просмотреть видеоверсию ниже:
Итак начнем…
Массивы JavaScript
Во-первых, нужно понять, как Массивы JavaScript работать. Как и в других языках программирования, мы используем массивы для хранения нескольких данных в JS. Но разница в том JS массивы могут одновременно содержать разные типы данных.
Иногда нам следует выполнять операции над этими массивами. Затем мы используем некоторые методы JS, например нарезать () и сращивать (). Ниже вы можете увидеть, как объявить массив в JavaScript:
let arrayDefinition = []; // Array declaration in JS
Теперь давайте объявим другой массив с разными типами данных. Я буду использовать его ниже в примерах:
let array = [1, 2, 3, "hello world", 4.12, true];
Это использование есть действительный в JavaScript. Массив с разными типами данных: строкой, числами и логическим значением.
ломтик ( )
The ломтик( ) метод копии заданную часть массива и возвращает эту скопированную часть в качестве нового массива. Это не изменяет исходный массив.
array.slice(from, until);
- От: Разрежьте массив, начиная от индекс элемента
- пока: Разрежьте массив пока индекс другого элемента
К примеру, я хочу вырезать первые три элемента из массива выше. Поскольку первый элемент массива всегда индексируется как 0, я начинаю разрезать. «с»0
array.slice(0, until);
Теперь вот сложная часть. Когда я хочу разрезать первые три элемента, я должен дать пока параметр как 3. The Метод slice() не включает в себя последний заданный элемент.
array[0] --> 1 // included
array[1] --> 2 // included
array[2] --> 3 // included
array[3] --> "hello world" // not included
Это может создать определенную путаницу. Поэтому я называю второй параметр «пока».
let newArray = array.slice(0, 3); // Return value is also an array
Наконец, я назначаю нарезанный массив к новый массив переменный. Теперь посмотрим на результат:


Важное примечание: ломтик( ) метод также можно использовать для струны.
Сращение ( )
Название этой функции очень похоже на ломтик( ). Такое сходство имен часто смущает разработчиков. The сращение ( ) метод изменения массив, добавляя или удаляя из него элементы. Давайте посмотрим, как добавлять и удалять элементы с помощью сращивание ( ):
Удаление элементов
Для удаления элементов нам нужно дать индекс параметр, и количество элементов будет удален:
array.splice(index, number of elements);
указатель есть отправная точка для удаления частей. Элементы, которые имеют а меньший номер индекса из данного индекса не будет удален:
array.splice(2); // Every element starting from index 2, will be removed
Если мы не определим второй параметр, каждый элемент, начинающийся с данного индекса, будет удален из массива:

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

После 1-го звонка:

После 2-го звонка:

Так можно продолжать до тех пор пока индекс 2 больше не будет.
Добавление элементов
Для добавления элементов нам нужно указать их как 3-й, 4-й, 5-й параметр (в зависимости от того, сколько добавить) к сращение ( ) метод:
array.splice(индекс, количество элементов, элемент, элемент);
В качестве примера добавляю а и б в самом начале массива, и я ничего не удаляю:
array.splice(0, 0, 'a', 'b');

разделить ( )
ломтик( ) и сращение ( ) методы для массивов The разделить ( ) метод используется для струны. Он делит строчку на подстроки и возвращает их в виде массива. Для этого нужны 2 параметра, и оба есть необязательный.
string.split(separator, limit);
- Разделитель: Определяет, как разделить строку… запятой, символом и т.п.
- Лимит: Ограничивает количество расколов с заданным числом
The разделить ( ) метод не работает непосредственно для массивы. Однако мы можем сначала превратить элементы нашего массива в строку, а затем использовать разделить ( ) метод.
Давайте посмотрим, как это работает.
Сначала мы превращаем наш массив в строчку из toString( ) метод:
let myString = array.toString();

Теперь давайте разделимся myString за комы, ограничить их три подстроки и возвращать их в виде массива:
let newArray = myString.split(",", 3);

Как мы видим, myString разделяется запятыми. Поскольку мы ограничиваем split 3, возвращаются только первые 3 элемента.
ПРИМЕЧАНИЕ: Если у нас есть такое использование:
array.split("");
тогда каждый символ строки будет разделен на подстроки:

Резюме:
ломтик ( )
- Копирует элементы из массива
- Возвращает их как новый массив
- Не изменяет исходный массив
- Начинает разрезание с … к заданному индексу: array.slice (от, до)
- Слайс не включает «пока» индексный параметр
- Можно использовать как для массивов, так и для строчек
Сращение ( )
- Используется для добавления/извлечения элементов из массива
- Возвращает массив удалённых элементов
- Изменяет массив
- Для добавления элементов: array.splice (индекс, количество элементов, элемент)
- Для удаления элементов: array.splice (индекс, количество элементов)
- Можно использовать только для массивов
разделить ( )
- Разделяет строку на подстроки
- Возвращает их в массиве
- Принимает 2 параметра, оба являются необязательными: string.split(разделитель, ограничение)
- Не изменяет исходную строку
- Можно использовать только для струн
Существует много других встроенных методов для массивов и строк JavaScript, облегчающих работу с программированием JavaScript. Далее вы можете просмотреть новую статью о методах подстроков JavaScript.
Если вы хотите узнать больше о веб-разработке, не стесняйтесь следите за мной на Youtube!
Спасибо, что читаете!