Автор оригинала: Cem Eygi.
Встроенные методы JavaScript помогают нам много во время программирования, как только мы поняли их правильно. Я хотел бы объяснить три из них в этой статье: ломтик () , Сращивание () и Сплит () методы. Возможно, потому что их именование настолько похожи, что они часто путают даже среди опытных разработчиков.
Советую студентов и младших разработчиков, чтобы внимательно прочитать эту статью, потому что эти три метода также могут быть заданы в собеседованиях.
Вы можете найти сводку каждого метода в конце. Если вы предпочитаете, вы также можете посмотреть видео-версию ниже:
Итак, начнем…
Массивы JavaScript
Во-первых, вы должны понять, как Массивы JavaScript Работа. Как и на других языках программирования, мы используем массивы для хранения нескольких данных в JS. Но разница в том, что JS Массивы могут содержать различные данные данных одновременно.
Иногда нам нужно выполнять операции на этих массивах. Затем мы используем некоторые методы JS, такие как Ломтик () & splice () Отказ Вы можете увидеть ниже, как объявить массив в JavaScript:
Пусть определение массива = [] ;//декларация массива в JS
Теперь давайте объявляем другой массив разными типами данных. Я буду использовать его ниже в примерах:
Пусть массив = [1, 2, 3, «Hello World», 4.12, правда];
Это использование Действительно в JavaScript. Массив с различными типами данных: строки, номера и логическое значение.
Кусочек ( )
ломтик () Метод копии Данная часть массива и возвращает, что скопированная часть как новый массив. Это не изменяет оригинальный массив.
Array.slice (от, до) ;
- От: Нарезать массив, начиная с от Индекс элемента
- До: Нарезать массив до другой элемент индекс
Например, я хочу нарезать первые три элемента из массива выше. Поскольку первый элемент массива всегда проиндексирован в 0, я начну нарезку “От” 0
array.slice (0, до);
Теперь вот сложная часть. Когда я хочу нарезать первые три элемента, я должен дать до Параметр как 3. Метод Slice () не включает последний данный элемент.
array[0] --> 1 // included array[1] --> 2 // included array[2] --> 3 // included array[3] --> "hello world" // not included
Это может создать некоторую путаницу. Вот почему я называю второй параметр “до”.
let.slice (0, 3);//Возвращаемое значение также является массивом
Наконец, я назначаю нарезанный массив на NewArray Переменная. Теперь давайте посмотрим результат:
Сращивание ()
Название этой функции очень похоже на ломтик () Отказ Это сходство именования часто путает разработчиков. Сращивание () Метод изменения массив, добавляя или удаляя элементы из него. Давайте посмотрим, как добавить и удалить элементы с Сращивание ( ) :
Удаление элементов
Для удаления элементов нам нужно дать индекс Параметр и Количество элементов быть удаленным:
Array.Splice (индекс, количество элементов);
Индекс это Начальная точка для удаления элементов. Элементы, которые имеют меньший Номер индекса из данного индекса не будет удален:
Array.Splice (2); //Каждый элемент, начиная с индекса 2, будет удален
Если мы не определим второй параметр, каждый элемент, начиная с данного индекса, будет удален из массива:
В качестве второго примера я даю второй параметр как 1, поэтому элементы, начиная с индекса 2, будут удалены один за другим каждый раз, когда мы называем Сращивание () Метод:
Array.Splice (2, 1);
После 1-го вызова:
После 2-го вызова:
Это может продолжаться до тех пор, пока больше нет индекса 2.
Добавление элементов
Для добавления элементов нам нужно дать им 3-й, 4-й, 5-й параметр (зависит от того, сколько для добавления) к Сращивание () Метод:
Array.Splice (индекс, количество элементов, элемент, элемент);
В качестве примера я добавляю А и B В самом начале массива И я ничего не удаляю:
Array.Splice (0, 0, «A», «B»);
Расколоть ( )
Ломтик () и Сращивание () Методы для массивов. Сплит () Метод используется для Строки Отказ Он разделяет строку в подстроки и возвращает их в качестве массива. Требуется 2 параметра, и оба являются по желанию.
string.split (сепаратор, лимит);
- Разделитель: Определяет, как разделить строку … запятой, характер и т. Д.
- Ограничение: Ограничивает количество расщеплений с заданным числом
Сплит () Метод не работает напрямую для Массивы Отказ Однако мы можем сначала преобразовать элементы нашего массива в строку, то мы можем использовать Сплит () метод.
Посмотрим, как это работает.
Во-первых, мы преобразуем наш массив в строку с TOSTRING () Метод:
let.tostring ();
Теперь давайте разделим MyString По запятые, Ограничьте их на Три подстроки и верните их как массив:
let.split (“,”, 3);
Как мы видим, MyString разделен запятыми. Поскольку мы ограничиваем разделение до 3, возвращаются только первые 3 элемента.
Резюме:
Кусочек ( )
- Копии элементов из массива
- Возвращает их как новый массив
- Не меняет оригинальный массив
- Начинает нарезки от … До указанного индекса: Array.slice (от, до)
- Ломтик не включает «Пока» Указатель параметра
- Может использоваться как для массивов, так и для строк
Сращивание ()
- Используется для добавления/удаления элементов из массива
- Возвращает массив удаленных элементов
- Меняет массив
- Для добавления элементов: Array.Splice (индекс, количество элементов, элемент)
- Для удаления элементов: Array.Splice (индекс, количество элементов)
- Можно использовать только для массивов
Расколоть ( )
- Делит строку в подстроки
- Возвращает их в массиве
- Занимает 2 параметра, оба являются необязательными: string.split (сепаратор, лимит)
- Не меняет исходную строку
- Можно использовать только для строк
Есть много других встроенных методов для массивов и струн JavaScript, которые облегчают работу с программированием JavaScript. Далее вы можете проверить мою новую статью о методах подстроки JavaScript.
Если вы хотите узнать больше о веб-разработке, не стесняйтесь Следуй за мной на YouTube Действительно
Спасибо за чтение!
Оригинал: “https://www.freecodecamp.org/news/lets-clear-up-the-confusion-around-the-slice-splice-split-methods-in-javascript-8ba3266c29ae/”