🚀 Прочитав это, я наконец-то различаю склейку, срез и сплит 🎉

внешний интерфейс JavaScript

Эта статья участвовала в "Проект «Звезда раскопок»”, чтобы выиграть творческий подарочный пакет и бросить вызов творческим поощрительным деньгам.

Примечание: часть содержания и изображения статьи взяты из Интернета.Если есть какие-либо нарушения, пожалуйста, свяжитесь со мной (на главной странице есть общедоступная учетная запись: внешний интерфейс Xiao Sicheng Lion Learning)

автор:Маленький передний осадный лев, Домашняя страница:Домашняя страница маленького осадного льва, источник:Наггетс

Гитхаб:P-J27, CSDN:PJ хочет быть фронтовым осадным львом

Авторские права принадлежат автору. Для коммерческих перепечаток, пожалуйста, свяжитесь с автором для получения разрешения, а для некоммерческих перепечаток, пожалуйста, укажите источник.

предисловие

При первом изучении js три функции slice, splice и split были тупо непонятны. Я думаю, что многие люди такие же, я реорганизую его снова.

основной

  • ломтик:Функция перехвата
    • В основном перехватывает массивы, а также может перехватывать строки
    • Возвращает новый массив, содержащий усеченные элементы
    • не изменяет исходный массив
  • сращивание():Массив CRUD
    • Вы можете только добавлять, удалять, проверять и изменять массив.недопустимая строка
    • возвращает новый массив,Контент - это удаленный элемент
    • изменит исходный массив
  • разделить: строка => массив
    • Строковые методы, а не методы массива.
    • Возвращает массив строк.
  • присоединиться: массив => строка

slice()

основной

  • Перехватывать любой элемент из массива и возвращать результат какновый массив
  • не изменяет исходный массив.

грамматика:

新数组 = 原数组.slice(开始位置的索引, 结束位置的索引); 
//注意：包含开始索引，不包含结束索引，即[a,b)

Пример:

const arr = ['a', 'b', 'c', 'd', 'e', 'f'];
arr.slice(); // 无参数时，截取所有的元素。
arr.slice(2); // 从第二个值开始提取，直到末尾
arr.slice(-2); // 提取最后两个元素 负数会将其与长度相加，-2+6=4
arr.slice(2, 4); // 提取从第二个到第四个之间的元素（不包括第四个元素）
arr.slice(4, 2); // 空

расширять

В прошлом slice() использовался для преобразования псевдомассивов в реальные массивы.

// 方式1
array = Array.prototype.slice.call(arr);
// 方式2
array = [].slice.call(arr);

версия ES6

array = Array.from(arr);

splice()

основной

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

  • Возвращаемый результатновый массив удаленных элементов.

  • Этот метод изменит исходный массив, удалит указанный элемент из исходного массива;

грамматика:

新数组 = 原数组.splice(起始索引index, 需要删除的个数);

新数组 = 原数组.splice(起始索引index, 需要删除的个数, 新的元素1, 新的元素2...);

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

var arr1 = ['a', 'b', 'c', 'd', 'e', 'f'];
arr1.splice(1); //从第index为1的位置开始，删除元素
arr2.splice(-2); //删除最后两个元素，和slice同样的思想。
arr3.splice(1, 3); //从第index为1的位置开始删除元素,一共删除三个元素
// 增加系列
arr4.splice(1,0,'g','h') //纯增加情况
//变更的情况就是 先删除再增加，即替换
arr4.splice(1, 3, 'js', 'vue');//删除+增加 == 更改

split()

основной

  • split()являются методами строк, а не методами массивов.

грамматика:

新的数组 = str.split(分隔符);

Анализ: Пройденоуказанный разделитель(может быть пустой строкой''), разбивает строку намножество. Исходная строка не изменяется.

join()

основной

  • преобразовать массив в строку,вернутьпреобразованная строка

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

  • join()метод может указатьнить(может быть пустой строкой) в качестве параметра, который будет значением элемента в массивеСтоляр;

  • Если соединитель не указан,по умолчанию использовать,как соединитель, в это время иtoString()的效果是一致的.

грамматика:

新的字符串 = 原数组.join(参数); // 参数选填--连接符

var arr = ['a', 'b', 'c'];
arr.join(); // 这里没有指定连接符，所以默认使用 , 作为连接符
arr.join('-'); // 使用指定的字符串作为连接符

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

Писать не легко, если вы считаете, что это хорошо, вы можете "Нравится" + "Комментировать" Спасибо за вашу поддержку ❤

«Добро пожаловать для обсуждения в области комментариев, официальный представитель NuggetsПроект «Звезда раскопок»После мероприятия в комментариях будет разыграно 100 штук Наггетсов.Подробнее о лотерее читайте в статье о мероприятии».

Категории