Встроенный JavaScript: Строка: slice | Могу ли я использовать… Таблицы поддержки для HTML5, CSS3 и т. д.

Могу ли я использовать

Поиск ?

Встроенный JavaScript: Строка: slice

  • Глобальное использование
    96,03% + 0% «=» 96,03%
IE
  1. 6–10: Поддерживается
  2. 11: Поддерживается
Edge
  1. 12 — 113: Поддерживается
  2. 114: Поддерживается
Firefox
  1. 2 — 114: Поддерживается
  2. 115: Поддерживается
  3. 90 039 116–117: Поддерживается
Хром
  1. 4–113: Поддерживается
  2. 55% — Supported»> 114: Поддерживается
  3. 115–117: Поддерживается
Safari
  1. 3.1–16.4: Поддерживается
  2. 16.5: Поддерживается
  3. 16 .6 — TP: поддерживается
Opera
  1. 10–99: Поддерживается
  2. 100: Поддерживается
Safari на iOS
  1. 3.2–16.4: Поддерживается
  2. 16.5: Поддерживается
  3. 16.6–17: Поддерживается 9 0014
Opera Mini
  1. все: поддержка неизвестна
Android Браузер
  1. 2. 1–4.3: не поддерживается
  2. 4.4–4.4.4: поддерживается
  3. 114: поддерживается
Opera Mobile
  1. 12–1 2.1: Поддерживается
  2. 73: Поддерживается
Chrome для Android
  1. 114: поддерживается
Firefox для Android
  1. 113: поддерживается
UC Browser для Android
  1. 13.4: поддержка неизвестна
Samsung Internet
  1. 4–20: поддерживается
  2. 21: поддерживается
QQ Browser
  1. 13.1: поддержка неизвестна
Baidu Browser
  1. 00% — Support unknown»> 13.18: поддержка неизвестна 9001 4
Браузер KaiOS
  1. 2.5: Поддержка неизвестна
  2. 3: Поддержка неизвестна

Основы Javascript · Строка · slice() (метод) | Якуб Корх | Nerd For Tech

Эта статья представляет собой расшифровку моей бесплатной серии YouTube об основах веб-разработки. Если вы предпочитаете смотреть, а не читать, не стесняйтесь посетить мой канал «Dev Newbs».

Привет и добро пожаловать в следующий эпизод, мои коллеги-разработчики! Сегодня будем резать и резать. Метод дня — slice(), не путайте с другим методом slice(). Ха-ха! Как будто кто-то может их спутать, верно?

Метод slice() извлекает части строки и возвращает извлеченные части в новой строке. Первый параметр является обязательным и указывает начальную позицию для извлечения. Второй параметр является необязательным и указывает позицию до окончания извлечения, но не включая ее.

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

Совет для вас: вы можете использовать отрицательное число для выбора с конца строки. Когда вы указываете отрицательное число для начальной или конечной позиции, счет идет от конца к началу.

Давайте посмотрим, из-за чего весь этот шум в первом примере.

 const str = "Hello Dev Newbs!";// длина строки 
"Length: " + str.length // Длина: 16// получение всей строки
str.slice() // Привет Dev Newbs! // начало среза с позиции 6 (7-й символ)
str.slice(6) // Dev Newbs!// использование отрицательной начальной позиции
// длина + отрицательное значение = позиция
// 16 - 10 = 6 -> начать слайс с
// позиция 6 (7-й символ)
str.slice(-10) // Dev Newbs!// начать слайс с позиции 10 (11-й символ)
// & конец в позиции 14 (15-й символ)
str.slice(10, 15) // Newbs// использование отрицательных позиций
// 16 - 6 = 10 -> начало среза в позиции
// позиция 10 (11-й символ)
// 16 - 1 = 15 -> конец среза по адресу
// позиция 15 (16-й символ)
str. slice(-6, -1) // Новички

Сначала мы получаем длину строки, с которой будем работать. Он состоит из 16 символов. Эта информация будет важна для отрицательных позиций позже.

Первый вариант — основное использование. Если мы ничего не указываем, используется вся строка. Так что это не очень полезно, так как мы хотим нарезать только часть строки, верно? Тогда исправим.

Второй случай начинается с индекса 6, что означает, что первый символ в нарезанной подстроке является 7-м символом. Конечную позицию мы не указывали, поэтому все остальное брали до конца.

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

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

Результат, впрочем, тот же.

Думаю, это все. Я не так много могу вам показать. Что ж, мы можем попробовать какие-нибудь глупые параметры на входе. И мы можем видеть, что мы получаем. Но это все!

 // использование логического значения вместо целого числа -> start = 0, end = 1 
str.slice(false, true) // H// начальный индекс больше, чем end -> нечего нарезать
str.slice(6, 0 ) // пустая строка// математическое уравнение в качестве параметров ->
start = 6, end = 15
str.slice((4*true+true+15/3), Math.floor(11.4)+29/7) // Newbs// использование глобальных констант в качестве нулевого значения
str.slice(undefined, 5) // Hello

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

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