String.prototype.slice()
Содержание:
- Число
- Разбиение на массив
- Индексация строк
- JavaScript
- String HTML Wrapper Methods
- Свойства строк
- Неточные вычисления
- License
- Описание
- Breaking Long Code Lines
- Конкатенация
- Строковые функции
- JS Учебник
- Управляющие последовательности
- Работа с подстроками
- Доступ к свойствам
- Strings Can be Objects
- slice
- Определение строки
- The slice() Method
- JS Tutorial
- Строки неизменяемые
- JS Tutorial
- Комментарии
- Специальные символы
Число
Числовой тип данных () представляет как целочисленные значения, так и числа с плавающей точкой.
Существует множество операций для чисел, например, умножение , деление , сложение , вычитание и так далее.
Кроме обычных чисел, существуют так называемые «специальные числовые значения», которые относятся к этому типу данных: , и .
-
представляет собой математическую ∞. Это особое значение, которое больше любого числа.
Мы можем получить его в результате деления на ноль:
Или задать его явно:
-
означает вычислительную ошибку. Это результат неправильной или неопределённой математической операции, например:
Значение «прилипчиво». Любая операция с возвращает :
Если где-то в математическом выражении есть , то результатом вычислений с его участием будет .
Математические операции – безопасны
Математические операции в JavaScript «безопасны». Мы можем делать что угодно: делить на ноль, обращаться с нечисловыми строками как с числами и т.д.
Скрипт никогда не остановится с фатальной ошибкой (не «умрёт»). В худшем случае мы получим как результат выполнения.
Специальные числовые значения относятся к типу «число». Конечно, это не числа в привычном значении этого слова.
Подробнее о работе с числами мы поговорим в главе Числа.
Разбиение на массив
-
Преобразование строки в массив. В качестве параметра указывается разделитель, в нашем случае это пробел.
let s = 'Happy new 2020 year!'; let a = s.split(' '); console.log(a); // -
Обратная функция «join».
let a = ; let s = a.join(' '); console.log(a); // Happy new 2020 year!
В совокупности функции позволяют быстро конвертировать строку в массив, произвести с каждым элементом манипуляции и возвратить обратно строку. Например, вот как быстро можно обернуть каждый символ строки в тег span:
let s = 'Hello';
s = s.split("").map(el => `<span>${el}</span>`).join("");
console.log(s); // <span>H</span><span>e</span><span>l</span><span>l</span><span>o</span>
В примере используется синтаксис ECMAScript 6, может не поддерживаться устаревшими браузерами.
Индексация строк
Каждый символ в строке имеет свой индексный номер. Отсчет начинается с 0.
Для примера создайте строку How are you?.
| H | o | w | a | r | e | y | o | u | ? | ||
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
Первый символ строки получает индекс 0, последний символ (?) имеет индекс 11. Пробелы также индексируются (3 и 7 в данном случае).
Возможность доступа к каждому символу в строке открывает несколько способов работы со строками.
Доступ к символам
Рассмотрим эту функцию на примере строки:
С помощью квадратных скобок можно получить доступ к любому символу в строке.
Также запросить символ по индексу можно с помощью метода charAt(). Номер индекса передается в качестве параметра.
Чтобы узнать индекс того или иного символа в строке, передайте его в качестве параметра методу indexOf().
Хотя символ о появляется в строке дважды, метод возвращает индекс первого экземпляра.
lastIndexOf() выдает индекс последнего экземпляра запрашиваемого символа.
Оба эти метода могут искать несколько символов в строке. Метод вернет индекс первого символа этой последовательности.
Метод slice() возвращает символы между двумя заданными номерами индексов. Первым параметром будет номер первого индекса, а второй параметр будет номером последнего индекса.
Обратите внимание: 11 – индекс символа «?», который не появился в результате. Дело в том, что slice() выводит первый параметр включительно, а второй – исключительно
Если второй параметр не указан, этот метод выведет все символы после указанного индекса.
Итак, charAt () и slice ()возвращают строковые значения по индексу, а indexOf () и lastIndexOf () – наоборот, возвращают индекс по символу.
Длина строки
Свойство length возвращает количество символов в строке.
Помните, что свойство length возвращает фактическое количество символов, начиная отсчет с 1, а не с 0, как при индексации.
JavaScript
JS Array
concat()
constructor
copyWithin()
entries()
every()
fill()
filter()
find()
findIndex()
forEach()
from()
includes()
indexOf()
isArray()
join()
keys()
length
lastIndexOf()
map()
pop()
prototype
push()
reduce()
reduceRight()
reverse()
shift()
slice()
some()
sort()
splice()
toString()
unshift()
valueOf()
JS Boolean
constructor
prototype
toString()
valueOf()
JS Classes
constructor()
extends
static
super
JS Date
constructor
getDate()
getDay()
getFullYear()
getHours()
getMilliseconds()
getMinutes()
getMonth()
getSeconds()
getTime()
getTimezoneOffset()
getUTCDate()
getUTCDay()
getUTCFullYear()
getUTCHours()
getUTCMilliseconds()
getUTCMinutes()
getUTCMonth()
getUTCSeconds()
now()
parse()
prototype
setDate()
setFullYear()
setHours()
setMilliseconds()
setMinutes()
setMonth()
setSeconds()
setTime()
setUTCDate()
setUTCFullYear()
setUTCHours()
setUTCMilliseconds()
setUTCMinutes()
setUTCMonth()
setUTCSeconds()
toDateString()
toISOString()
toJSON()
toLocaleDateString()
toLocaleTimeString()
toLocaleString()
toString()
toTimeString()
toUTCString()
UTC()
valueOf()
JS Error
name
message
JS Global
decodeURI()
decodeURIComponent()
encodeURI()
encodeURIComponent()
escape()
eval()
Infinity
isFinite()
isNaN()
NaN
Number()
parseFloat()
parseInt()
String()
undefined
unescape()
JS JSON
parse()
stringify()
JS Math
abs()
acos()
acosh()
asin()
asinh()
atan()
atan2()
atanh()
cbrt()
ceil()
clz32()
cos()
cosh()
E
exp()
expm1()
floor()
fround()
LN2
LN10
log()
log10()
log1p()
log2()
LOG2E
LOG10E
max()
min()
PI
pow()
random()
round()
sign()
sin()
sqrt()
SQRT1_2
SQRT2
tan()
tanh()
trunc()
JS Number
constructor
isFinite()
isInteger()
isNaN()
isSafeInteger()
MAX_VALUE
MIN_VALUE
NEGATIVE_INFINITY
NaN
POSITIVE_INFINITY
prototype
toExponential()
toFixed()
toLocaleString()
toPrecision()
toString()
valueOf()
JS OperatorsJS RegExp
constructor
compile()
exec()
g
global
i
ignoreCase
lastIndex
m
multiline
n+
n*
n?
n{X}
n{X,Y}
n{X,}
n$
^n
?=n
?!n
source
test()
toString()
(x|y)
.
\w
\W
\d
\D
\s
\S
\b
\B
\0
\n
\f
\r
\t
\v
\xxx
\xdd
\uxxxx
JS Statements
break
class
continue
debugger
do…while
for
for…in
for…of
function
if…else
return
switch
throw
try…catch
var
while
JS String
charAt()
charCodeAt()
concat()
constructor
endsWith()
fromCharCode()
includes()
indexOf()
lastIndexOf()
length
localeCompare()
match()
prototype
repeat()
replace()
search()
slice()
split()
startsWith()
substr()
substring()
toLocaleLowerCase()
toLocaleUpperCase()
toLowerCase()
toString()
toUpperCase()
trim()
valueOf()
String HTML Wrapper Methods
The HTML wrapper methods return the string wrapped inside the appropriate
HTML tag.
These are not standard methods, and may not work as
expected in all browsers.
| Method | Description |
|---|---|
| anchor() | Creates an anchor |
| big() | Displays a string using a big font |
| blink() | Displays a blinking string |
| bold() | Displays a string in bold |
| fixed() | Displays a string using a fixed-pitch font |
| fontcolor() | Displays a string using a specified color |
| fontsize() | Displays a string using a specified size |
| italics() | Displays a string in italic |
| link() | Displays a string as a hyperlink |
| small() | Displays a string using a small font |
| strike() | Displays a string with a strikethrough |
| sub() | Displays a string as subscript text |
| sup() | Displays a string as superscript text |
❮ Previous
Next ❯
Свойства строк
| Свойство | Описание | |
|---|---|---|
| constructor | возвращает функцию-конструктор строки | |
|
var str = «Hello world!»;
|
||
| length | возвращает длину (количество символов) строки | |
|
var str = «Hello world!»;
|
||
| prototype | позволяет добавить свойства и методы к объекту (если строка — объект) | |
|
function student(name, surname, faculty) {
|
Неточные вычисления
Внутри JavaScript число представлено в виде 64-битного формата IEEE-754. Для хранения числа используется 64 бита: 52 из них используется для хранения цифр, 11 из них для хранения положения десятичной точки (если число целое, то хранится 0), и один бит отведён на хранение знака.
Если число слишком большое, оно переполнит 64-битное хранилище, JavaScript вернёт бесконечность:
Наиболее часто встречающаяся ошибка при работе с числами в JavaScript – это потеря точности.
Посмотрите на это (неверное!) сравнение:
Да-да, сумма и не равна .
Странно! Что тогда, если не ?
Но почему это происходит?
Число хранится в памяти в бинарной форме, как последовательность бит – единиц и нулей. Но дроби, такие как , , которые выглядят довольно просто в десятичной системе счисления, на самом деле являются бесконечной дробью в двоичной форме.
Другими словами, что такое ? Это единица делённая на десять — , одна десятая. В десятичной системе счисления такие числа легко представимы, по сравнению с одной третьей: , которая становится бесконечной дробью .
Деление на гарантированно хорошо работает в десятичной системе, но деление на – нет. По той же причине и в двоичной системе счисления, деление на обязательно сработает, а становится бесконечной дробью.
В JavaScript нет возможности для хранения точных значений 0.1 или 0.2, используя двоичную систему, точно также, как нет возможности хранить одну третью в десятичной системе счисления.
Числовой формат IEEE-754 решает эту проблему путём округления до ближайшего возможного числа. Правила округления обычно не позволяют нам увидеть эту «крошечную потерю точности», но она существует.
Пример:
И когда мы суммируем 2 числа, их «неточности» тоже суммируются.
Вот почему – это не совсем .
Не только в JavaScript
Справедливости ради заметим, что ошибка в точности вычислений для чисел с плавающей точкой сохраняется в любом другом языке, где используется формат IEEE 754, включая PHP, Java, C, Perl, Ruby.
Можно ли обойти проблему? Конечно, наиболее надёжный способ — это округлить результат используя метод toFixed(n):
Также можно временно умножить число на 100 (или на большее), чтобы привести его к целому, выполнить математические действия, а после разделить обратно. Суммируя целые числа, мы уменьшаем погрешность, но она все равно появляется при финальном делении:
Таким образом, метод умножения/деления уменьшает погрешность, но полностью её не решает.
Забавный пример
Попробуйте выполнить его:
Причина та же – потеря точности. Из 64 бит, отведённых на число, сами цифры числа занимают до 52 бит, остальные 11 бит хранят позицию десятичной точки и один бит – знак. Так что если 52 бит не хватает на цифры, то при записи пропадут младшие разряды.
Интерпретатор не выдаст ошибку, но в результате получится «не совсем то число», что мы и видим в примере выше. Как говорится: «как смог, так записал».
Два нуля
Другим забавным следствием внутреннего представления чисел является наличие двух нулей: и .
Все потому, что знак представлен отдельным битом, так что, любое число может быть положительным и отрицательным, включая нуль.
В большинстве случаев это поведение незаметно, так как операторы в JavaScript воспринимают их одинаковыми.
License
Licensed under MIT.
Copyright (C) 2012-2016 JP Richardson jprichardson@gmail.com
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the «Software»), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED «AS IS», WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Описание
Этот метод не изменяет исходную строку. Он просто возвращает новую.
Заменённая строка может включатся в следующие специальные шаблоны:
Pattern
Inserts
Вставляет .
Вставлять совпадения.
Вставляет часть строки которая находится перед совпадениями (строка соответствующая шаблону).
Вставляет часть строки которая следует после совпадения (строка соответствующая шаблону).
Где положительное цело число меньше чем 100, вставляет th строки указанные в скобках, частичные совпадения, при условии, что первый аргумент был object
Обратите внимание, что это 1-индексированный.. Вы можете передать функцию вторым параметром
Этом случае, функция вызывается после нахождения совпадений. Результат функции может быть использована как замещающая строка. (Внимание: Выше упомянутые специальные шаблоны замены в данном случае неприменимы.)
Вы можете передать функцию вторым параметром. Этом случае, функция вызывается после нахождения совпадений. Результат функции может быть использована как замещающая строка
(Внимание: Выше упомянутые специальные шаблоны замены в данном случае неприменимы.)
Функция может быть вызвана многократно для каждого заменённого совпадения, если регулярное выражение указано с глобальным флагом(«g»).
Функция имеет следующие аргументы:
| Possible name | Supplied value |
|---|---|
| Найденная постройка. (Соответствует указанному выше) | |
| nth количество строк найденных групповыми скобками указанные первым параметром в регулярном выражении. (Соответствует , , см. выше) Для примера, если , то это , а это. | |
| Смещение совпадающей подстроки в пределах всей исследуемой строки. (Например, если вся строка была ‘abcd’, а соответствующая подстрока была ‘bc’, то этот аргумент будет равен 1.) | |
| Исследуется вся цепочка. |
(Точное количество аргументов зависит от того, является ли первый аргумент регулярным выражением — и, если да, то аргументов будет столько сколько указанно в скобках.)
Breaking Long Code Lines
For best readability, programmers often like to avoid code lines longer than
80 characters.
If a JavaScript statement does not fit on one line, the best place to break
it is after an operator:
document.getElementById(«demo»).innerHTML =»Hello Dolly!»;
You can also break up a code line within a text string with a single backslash:
document.getElementById(«demo»).innerHTML =
«Hello \Dolly!»;
The method is not the preferred method. It might not have universal support.Some browsers do
not allow spaces behind the character.
A safer way to break up a string, is to use string
addition:
document.getElementById(«demo»).innerHTML = «Hello » + «Dolly!»;
You cannot break up a code line with a backslash:
Конкатенация
Конкатенация — это объединение двух или более строк в одну большую. Объединение происходит с помощью оператора + (плюс). При конкатенации каждая последующая строка добавляется в конец предыдущей:
var str1 = "Hello "; var str2 = "World!"; document.write(str1 + str2 + "<br>"); // "Hello World!" document.write(str1 + "World!");
Попробовать »
Значение любого типа, которое объединяется со строкой, будет неявно (автоматически) преобразовано в строку и далее будет произведена конкатенация.
var str1 = "Hello "; alert(str1 + 1); // "Hello 1" alert(true + str1); // "trueHello" alert(str1 + NaN); // "Hello NaN"
Попробовать »
С этой темой смотрят:
- Типы данных
- Числа
- Infinity и NaN
- Boolean
- Преобразование типов данных
Строковые функции
Строковые функции (методы) упрощают работу со строками в JavaScript. Давайте посмотрим, как происходит изменение регистра с помощью строковых функций. К примеру с помощью функций toLowerCase() и toUpperCase() мы можем изменить регистр символов следующим образом:
alert( 'Interface'.toUpperCase() ); // INTERFACE alert( 'Interface'.toLowerCase() ); // interface
Также при необходимости мы можем выполнить перевод в нижний регистр и для какого-нибудь определённого символа:
alert( 'Interface'toLowerCase() ); // 'i'
Подробнее о строковых функциях поговорим в следующий раз. В частности, рассмотрим, как осуществляется поиск в строке и как работать с подстрокой. Следите за новостями!
При подготовке статьи использовались следующие материалы:
— «Строки»;
— «JavaScript. Строковые методы».
JS Учебник
JS ГлавнаяJS ВведениеJS Что? Где? Куда?JS ВыводJS ЗаявленияJS СинтаксисJS КомментарииJS ПеременныеJS ОператорыJS АрифметикаJS ПрисваиванияJS Типы данныхJS ФункцииJS ОбъектыJS СобытияJS СтрокиJS Методы строкJS ЧислаJS Методы чиселJS МассивыJS Методы массиваJS Сортировка массиваJS Итерация массиваJS Объекты датJS Формат датJS Метод получения датJS Метод набора датJS Математические…JS Случайные числаJS БулевыJS Сравнение…JS Заявления if…elseJS Заявление switchJS Цикл forJS Цикл whileJS Заявление break…JS Преобразование…JS Битовые…JS Регулярные выраженияJS ОшибкиJS ОбластьJS ПодъемныйJS СтрогийJS Ключевое слово thisJS Ключевое слово letJS КонстантыJS Функция стрелкиJS КлассыJS ОтладчикJS Руководство стиляJS ПрактикаJS Распространенные ошибкиJS ЭффективностьJS Зарезервированные словаJS ВерсииJS Версия ES5JS Версия ES6JS Версия 2016JS Версия 2017JS JSON
Управляющие последовательности
В строковых литералах можно использовать управляющие последовательности. Управляющая последовательность – это последовательность, состоящая из обычных символов, которая обозначает символ, не представимый внутри строки другими способами. Управляющие последовательности предназначены для форматирования вывода текстового содержимого.
В таблице ниже представлены управляющие последовательности:
| Последовательность | Значение |
|---|---|
| Символ NUL – пустой символ (). | |
| Горизонтальная табуляция (). | |
| Перевод на новую строку (). | |
| Возврат на одну позицию – то, что происходит при нажатии на клавишу backspace (). | |
| Возврат каретки (). | |
| Перевод страницы – очистка страницы (). | |
| Вертикальная табуляция (). | |
| Двойная кавычка (). | |
| Одинарная кавычка (). | |
| Обратный слэш (). | |
| Номер символа из набора символов ISO Latin-1, заданный двумя шестнадцатеричными цифрами ( – шестнадцатеричная цифра ). Например, (это код буквы ). | |
| Номер символа из набора символов Unicode, заданный четырьмя шестнадцатеричными цифрами ( – шестнадцатеричная цифра ). Например, (это код буквы ). |
Управляющие последовательности могут находиться в любом месте строки:
alert("Греческая буква сигма: \u03a3."); // Греческая буква сигма: Σ.
alert("Многострочная\nстрока") // Многострочная
// строка
alert("внутри используются \"двойные\" кавычки"); // внутри используются "двойные" кавычки
Если символ предшествует любому символу, отличному от приведённых в таблице, то он просто игнорируется интерпретатором:
alert("\k"); // "k"
Символы Unicode, указываемые с помощью управляющей последовательности, можно использовать не только внутри строковых литералов, но и в идентификаторах:
let a\u03a3 = 5; alert(a\u03a3); // 5
Работа с подстроками
Рассмотрим функции для работы с подстроками.
-
slice(start, ) — возвращает символы, между конкретных позиций.
let s = '0123456789'; let s_new = s.slice(0, 4); console.log(s_new); // 0123
Если второй параметр не указан, то вернет всё до конца строки.
-
substring(start, ) — работает аналогично. Отличие от «slice» в 2 моментах. Если стартовое значение больше конечного, то первая функция вернет пустую строку.
let s = '0123456789'; console.log(s.slice(6, 4)); // '' console.log(s.substring(6, 4)); // 45
Ещё различие в подходе при неверных параметрах.
let s = '0123456789'; console.log(s.slice(-4, -2)); // 67 console.log(s.substring(-4, -2)); // ''
Функция «slice()» конвертирует отрицательные значения в положительные, отталкиваясь от длины строки, а «substring()» просто устанавливает их в ноль, поэтому возвращает пустую строку.
-
substr(start, ) — возвращает подстроку, начиная с определенной позиции и определенной длины.
let s = '0123456789'; let s_new = s.substr(4, 3); console.log(s_new); // 456
Доступ к свойствам
ECMAScript 5 (2009) разрешает доступ к свойствам для строк:
Пример
var str = «ПРИВЕТ МИР»;
str; // возвращается П
Доступ к свойствам может быть немного непредсказуемым:
- Не работает в Internet Explorer 7 или более ранней версии.
- Это делает строки похожими на массивы (но это не так)
- Если символ не найден, [] возвращает значение undefined, а charAt () возвращает пустую строку.
- Он доступен только для чтения. str = «A» не выдает ошибки (но не работает!)
Пример
var str = «ПРИВЕТ МИР»;
str = «A»;
// Не дает никакой ошибки, но и не работает
str; // возвращается П
Если вы хотите работать со строкой как с массивом, вы можете преобразовать ее в массив.
Strings Can be Objects
Normally, JavaScript strings are primitive values, created from literals:
But strings can also be defined as objects with the keyword :
Example
let x = «John»;
let y = new String(«John»);
// typeof x will return string// typeof y will return object
Don’t create strings as objects. It slows down execution speed.
The keyword complicates the code. This can produce some unexpected results:
When using the operator, equal strings are equal:
Example
let x = «John»;
let y = new String(«John»);
// (x == y) is true because x and y have equal values
When using the operator, equal values
may not be equal, because the operator expects equality in both
data type and value.
Example
let x = «John»;
let y = new String(«John»);
// (x === y) is false because x and y have different types
(string and object)
Or even worse. Objects cannot be compared:
Example
let x = new String(«John»);
let y = new String(«John»);
// (x == y) is false because x and y are objects
Example
let x = new String(«John»);
let y = new String(«John»);
// (x === y) is false because x and y are objects
Note the difference between and .
Also note that comparing two JavaScript objects will always return .
❮ Previous
Next ❯
slice
Есть три
основных метода для выделения подстрок из строки – это substring, substr и
slice. Метод slice имеет следующий
синтаксис:
str.slice(start )
и возвращает
часть строки от start до end (не включая его).
Например:
console.log( str.slice(, 5) ); //<span console.log( str.slice(6, 11) ); //class console.log( str.slice(12) ); //"clock"... console.log( str.slice(-7, -1) ); //</span
Следующий метод
str.substring(start )
работает
практически также как и slice, но здесь аргумент start может быть
больше, чем end, например:
console.log( str.substring(6, 11) ); //class console.log( str.substring(11, 6) ); //class
Но отрицательные
значения записывать нельзя, они будут трактоваться как 0.
Последний метод
str.substr(start )
Возвращает часть
строки, начиная с индекса start и длиной в length символов. В противоположность
предыдущим методам, здесь указывается длина вместо конечной позиции:
console.log( str.substr(6, 13) ); //class = "clock" console.log( str.substr(12) ); //"clock">12:34</span>
При
отрицательном значении первого аргумента позиция отсчитывается с конца строки.
Какой из этих
трех методов выбирать для выделения строк? По большому счету без разницы. Они
все работают эффективно, так что это дело предпочтения программиста.
Определение строки
Строкой считается любая последовательность символов в пределах двойных или одинарных кавычек.
var someString = «This is a string»;
var anotherString = ‘This is another string’;
|
1 |
varsomeString=»This is a string»; varanotherString=’This is another string’; |
Для создания строки с кавычками, нужно их экранировать (обособить) с помощью символа обратный слэш или использовать два разных вида кавычек.
var string = «String with \»quoted\» word»;
var string = ‘String with \’quoted\’ word’;
var string = ‘String with «quoted» word’;
var string = «String with ‘quoted’ word»;
var string = «It’s single quote string»; //Апостроф внутри строки
var string = ‘<div id=»block»>This is block</div>’; //В строке может содержаться код HTML
|
1 |
varstring=»String with \»quoted\» word»; varstring=’String with \’quoted\’ word’; varstring=’String with «quoted» word’; varstring=»String with ‘quoted’ word»; varstring=»It’s single quote string»;//Апостроф внутри строки varstring='<div id=»block»>This is block</div>’;//В строке может содержаться код HTML |
Помимо двойных и одинарных кавычек, экранизации подлежат и другие символы (escape последовательности), управляющие форматированием текста.
| Символ | Обозначение |
|---|---|
| \’ | одинарная кавычка |
| \» | двойная кавычка |
| \\ | обратный слэш (не путать с // — знаком начала комментария) |
| \n | новая строка (работает как кнопка Enter) |
| \r | возврат каретки в начало строки (работает как кнопка Home) |
| \t | табуляция (работает как кнопка Tab) |
| \b | удаление символа (работает как кнопка Backspace) |
| \f | печать с новой страницы (устаревшее) |
| \v | вертикальная табуляция (устаревшее) |
| \a | звуковой сигнал (устаревшее) |
| \xXX | символ из Latin-1, где XX шестнадцатеричные цифры (например: \xAF — символ ‘-‘) |
| \XXX | символ из Latin-1, где XXX восьмеричные цифры от 1 до 377 (например: \300 — символ ‘À’) |
| \ucXXXX | символ из Unicode, где XXXX шестнадцатеричные цифры (например: \uc454 — символ ‘쑔’) |
В случае если строка достаточно длинная, то для более легкого чтения ее можно разбить на подстроки с помощью символа обратного слэша , не нарушая при этом самой структуры строки.
var longString = «Lorem ipsum dolor sit amet, consectetur adipisicing elit.\
Aliquam eligendi non ipsum autem facere repellendus doloremque, \
architecto obcaecati culpa dolores eveniet qui, beatae suscipit ab nisi ad vero, sed cum!»;
|
1 |
varlongString=»Lorem ipsum dolor sit amet, consectetur adipisicing elit.\ Aliquam eligendi non ipsum autem facere repellendus doloremque, \ architecto obcaecati culpa dolores eveniet qui, beatae suscipit ab nisi ad vero, sed cum!»; |
Однако использование следующего приема для разбиения кода недопустимо.
var string = «Lorem ipsum dolor sit amet,» + \
«consectetur adipisicing elit.»;
|
1 |
varstring=»Lorem ipsum dolor sit amet,»+\ «consectetur adipisicing elit.»; |
The slice() Method
extracts a part of a string and returns the
extracted part in a new string.
The method takes 2 parameters: the start position, and the end position (end
not included).
This example slices out a portion of a string from position 7 to position 12 (13-1):
let str = «Apple, Banana, Kiwi»;
str.slice(7, 13) // Returns Banana
Remember: JavaScript counts positions from zero. First position is 0.
If a parameter is negative, the position is counted from the
end of the string.
This example slices out a portion of a string from position -12 to position
-6:
let str = «Apple, Banana, Kiwi»;
str.slice(-12, -6) // Returns Banana
If you omit the second parameter, the method will slice out the rest of the string:
str.slice(7); // Returns Banana,Kiwi
or, counting from the end:
JS Tutorial
JS HOMEJS IntroductionJS Where ToJS OutputJS StatementsJS SyntaxJS CommentsJS VariablesJS LetJS ConstJS OperatorsJS ArithmeticJS AssignmentJS Data TypesJS FunctionsJS ObjectsJS EventsJS StringsJS String MethodsJS String SearchJS String TemplatesJS NumbersJS Number MethodsJS ArraysJS Array MethodsJS Array SortJS Array IterationJS Array ConstJS DatesJS Date FormatsJS Date Get MethodsJS Date Set MethodsJS MathJS RandomJS BooleansJS ComparisonsJS ConditionsJS SwitchJS Loop ForJS Loop For InJS Loop For OfJS Loop WhileJS BreakJS IterablesJS SetsJS MapsJS TypeofJS Type ConversionJS BitwiseJS RegExpJS ErrorsJS ScopeJS HoistingJS Strict ModeJS this KeywordJS Arrow FunctionJS ClassesJS JSONJS DebuggingJS Style GuideJS Best PracticesJS MistakesJS PerformanceJS Reserved Words
Строки неизменяемые
В JavaScript строки неизменяемые. Это значит, что в уже существующей строке нельзя менять никакие символы или добавлять в неё что-то новое.
Так как строки неизменяемые, то методы, используемые для работы со строками, возвращают новые строки, а не изменяют ту строку, относительно которой они были вызваны:
let стр = "Привет!"; alert(стр.toUpperCase()); // "HELLO" - новое возвращаемое методом значение alert(стр); // "hello" - первоначальная строка не изменена
Чтобы изменить
строку, можно создать новую строку и записать её в ту же самую переменную вместо старой строки:
let стр = "Строка"; стр = стр.toUpperCase(); alert(стр); // "СТРОКА"
JS Tutorial
JS HOMEJS IntroductionJS Where ToJS OutputJS StatementsJS SyntaxJS CommentsJS VariablesJS LetJS ConstJS OperatorsJS ArithmeticJS AssignmentJS Data TypesJS FunctionsJS ObjectsJS EventsJS StringsJS String MethodsJS String SearchJS String TemplatesJS NumbersJS Number MethodsJS ArraysJS Array MethodsJS Array SortJS Array IterationJS Array ConstJS DatesJS Date FormatsJS Date Get MethodsJS Date Set MethodsJS MathJS RandomJS BooleansJS ComparisonsJS ConditionsJS SwitchJS Loop ForJS Loop For InJS Loop For OfJS Loop WhileJS BreakJS IterablesJS SetsJS MapsJS TypeofJS Type ConversionJS BitwiseJS RegExpJS ErrorsJS ScopeJS HoistingJS Strict ModeJS this KeywordJS Arrow FunctionJS ClassesJS JSONJS DebuggingJS Style GuideJS Best PracticesJS MistakesJS PerformanceJS Reserved Words
Комментарии
Со временем программы становятся всё сложнее и сложнее. Возникает необходимость добавлять комментарии, которые бы описывали, что делает код и почему.
Комментарии могут находиться в любом месте скрипта. Они не влияют на его выполнение, поскольку движок просто игнорирует их.
Однострочные комментарии начинаются с двойной косой черты .
Часть строки после считается комментарием. Такой комментарий может как занимать строку целиком, так и находиться после инструкции.
Как здесь:
Многострочные комментарии начинаются косой чертой со звёздочкой и заканчиваются звёздочкой с косой чертой .
Как вот здесь:
Содержимое комментария игнорируется, поэтому, если мы поместим код внутри , он не будет исполняться.
Это бывает удобно для временного отключения участка кода:
Используйте горячие клавиши!
В большинстве редакторов строку кода можно закомментировать, нажав комбинацию клавиш Ctrl+/ для однострочного комментария и что-то вроде Ctrl+Shift+/ – для многострочных комментариев (выделите кусок кода и нажмите комбинацию клавиш). В системе Mac попробуйте Cmd вместо Ctrl и Option вместо Shift.
Вложенные комментарии не поддерживаются!
Не может быть внутри .
Такой код «умрёт» с ошибкой:
Не стесняйтесь использовать комментарии в своём коде.
Комментарии увеличивают размер кода, но это не проблема. Есть множество инструментов, которые минифицируют код перед публикацией на рабочий сервер. Они убирают комментарии, так что они не содержатся в рабочих скриптах. Таким образом, комментарии никоим образом не вредят рабочему коду.
Позже в учебнике будет глава Качество кода, которая объяснит, как лучше писать комментарии.
Специальные символы
Поскольку строки должны быть записаны в кавычках, JavaScript неправильно поймет эту строку:
var x = «Мы так называемые «Викинги» с севера.»;
Строка будет перерезана до «Мы так называемые».
Чтобы избежать этой проблемы, можно использовать escape — символ обратной косой черты.
Управляющий () символ обратной косой черты, превращает специальные символы в строковые символы:
| Код | Результат | Описание |
|---|---|---|
| \’ | ‘ | Одиночная кавычка |
| \» | « | Двойная кавычка |
| \\ | \ | Обратная косая черта |
Последовательность вставляет двойные кавычки в строку:
Пример
var x = «Мы так называемые \»Викинги\» с севера.»;
Последовательность вставляет одинарную кавычку в строку:
Пример
var x = ‘Он\’и хороши.’;
Последовательность вставляет обратную косую черту в строку:
Пример
var x = «Символ \\ называется обратной косой чертой.»;
В JavaScript действительны шесть других escape — последовательностей:
| Код | Результат |
|---|---|
| \b | Возврат |
| \f | Форма подачи |
| \n | Новая линия |
| \r | Carriage возврат |
| \t | Горизонтальная табуляция |
| \v | Вертикальная табуляция |
Приведенные выше 6 escape — символов изначально были разработаны для управления пишущими машинками,
телетайпами и факсами. Они не имеют смысла в HTML.
