Главная » Методы и свойства строк и чисел

Методы и свойства строк и чисел


07.03.2021, 22:33
Работа со строками

Узнать длину строки (количество возвращаемых символов в строке) можно с помощью свойства .length

Код

const str = "Hello";
console.log(str.length); // => 5

Код

const message = "Hello world";
console.log(message.length); // => 11

У строк это единственное свойство.

Доступные свойства и методы для элементов можно просмотреть в консоли браузера. Для этого в консоли используется команда console.dir();

Например, посмотреть доступные свойства и методы для строки можно набрав:

Код

console.dir(String);

Аналогично тоже самое можно посмотреть для числа, только вместо String в команде используем Number

Код

console.dir(Number);

Получаем доступ к нужному символу строки:

Код

const str = "Hello";
console.log(str[1]); // => e

Нумерация символов в строке начинается с нуля.

Строки не изменяемы, поэтому код, подобный этому, не сработает:

Код

const str = "Hello";
console.log(str[1] = "a");  
console.log(str); // => Hello

Изменить регистр строки можно с помощью методов toUpperCase() и toLowerCase()

Код

const str = "Hello";
console.log(str.toUpperCase()); // => HELLO

Код

const str = "Hello";
console.log(str.toLowerCase()); // => hello

Тем самым мы получаем новое значение, исходная строка остаётся неизменной:

Код

const str = "Hello";
console.log(str.toLowerCase()); // => hello
console.log(str); // => Hello

Находим часть строки и индекс её начала (поиск подстроки), метод indexOf():

Код

const message = "Hello world";
console.log(message.indexOf('world')); // => 6

Извлекаем часть строки (при этом получаем новую строку, не изменяя исходной), используя метод slice():

В круглых скобках сначала указываем индекс того символа строки, с которого нужно начать извлекать часть строки, через запятую указывается символ, на котором извлекаемая часть строки должна быть закончена.
Причём этот символ не входит в извекаемую часть строки.

Код

const message = "Hello world";
console.log(message.slice(6, 11)); // => world

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

Код

const message = "Hello world";
console.log(message.slice(6)); // => world

Метод substring() похож на предыдущий:

Код

const message = "Hello world";
console.log(message.substring(6, 11)); // => world

Метод substr() также похож на предыдущие два, только вторым аргументом мы указываем общее количество символов, которое нам необходимо вырезать из строки

Код

const message = "Hello world";
console.log(message.substr(6, 2)); // => wo

Работа с числами

Объект Math - встроенный объект JavaScript, хранящий в себе математические константы и функции.

Округление числа до ближайшего целого с помощью метода Math.round():

Код

const num = 12.3;
console.log(Math.round(num)); // => 12

Метод parseInt() в качестве аргумента принимает строку и возвращает целое число:

Код

const leftMargin = "12.3px";
console.log(parseInt(leftMargin)); // => 12

Метод parseFloat() в качестве аргумента принимает строку и возвращает десятичное число (с плавающей точкой):

Код

const leftMargin = "12.3px";
console.log(parseFloat(leftMargin)); // => 12.3

КОММЕНТАРИИ (0)