
Методы и свойства строк в JavaScript: примеры и описания
JavaScript предоставляет различные методы и свойства для работы со строками. В данной статье мы рассмотрим основные методы и свойства строк в JavaScript и покажем примеры их использования.
Свойство length
Свойство length
возвращает длину строки. Например:
const str = 'Hello, world!';
console.log(str.length); // 13
Методы toLowerCase() и toUpperCase()
Метод toLowerCase()
возвращает новую строку, в которой все символы приведены к нижнему регистру, а метод toUpperCase()
возвращает новую строку, в которой все символы приведены к верхнему регистру. Например:
const str = 'Hello, world!';
console.log(str.toLowerCase()); // hello, world!
console.log(str.toUpperCase()); // HELLO, WORLD!
Методы trim() и trimStart()/trimEnd()
Метод trim()
возвращает новую строку, из которой удалены все начальные и конечные пробелы. Методы trimStart()
и trimEnd()
возвращают новую строку, из которой удалены начальные или конечные пробелы соответственно. Например:
const str = ' Hello, world! ';
console.log(str.trim()); // 'Hello, world!'
console.log(str.trimStart()); // 'Hello, world! '
console.log(str.trimEnd()); // ' Hello, world!'
Метод split()
Метод split()
разбивает строку на массив подстрок, используя заданный разделитель. Например:
const str = 'Hello, world!';
console.log(str.split(',')); // ['Hello', ' world!']
Методы indexOf() и lastIndexOf()
Метод indexOf()
возвращает индекс первого вхождения заданной подстроки в строке, а метод lastIndexOf()
- индекс последнего вхождения. Если подстрока не найдена, методы возвращают -1. Например:
const str = 'Hello, world!';
console.log(str.indexOf('world')); // 7
console.log(str.lastIndexOf('o')); // 8
Методы startsWith() и endsWith()
Метод startsWith()
возвращает true
, если строка начинается с заданной подстроки, и false
- в противном случае. Метод endsWith()
возвращает true
, если строка заканчивается заданной подстрокой, и false
- в противном случае. Например:
const str = 'Hello, world!';
console.log(str.startsWith('Hello')); // true
console.log(str.endsWith('world!')); // true
Методы concat() и slice()
Метод concat()
объединяет две или более строк и возвращает новую строку, а метод slice()
возвращает указанную часть строки. Например:
const str1 = 'Hello, ';
const str2 = 'world!';
console.log(str1.concat(str2)); // 'Hello, world!'
console.log(str1.slice(0, 5)); // 'Hello'
Методы charAt() и charCodeAt()
Метод charAt()
возвращает символ по заданному индексу в строке, а метод charCodeAt()
- код символа Unicode по заданному индексу. Например:
const str = 'Hello, world!';
console.log(str.charAt(1)); // 'e'
console.log(str.charCodeAt(1)); // 101
Метод replace()
Метод replace()
заменяет заданный шаблон в строке на новое значение и возвращает новую строку. Например:
const str = 'Hello, world!';
console.log(str.replace('world', 'JavaScript')); // 'Hello, JavaScript!'
Символы-разделители строк
JavaScript поддерживает так называемые символы-разделители строк - символы, которые используются для форматирования текста внутри строки. Символы-разделители включают в себя символ переноса строки (\n)
, символ возврата каретки (\r)
, символ табуляции (\t)
и другие. Например:
const str = 'Hello,\nworld!';
console.log(str); // 'Hello,
// world!'
Свойство constructor
Свойство constructor
возвращает функцию-конструктор, которая создала объект строки. Например:
const str = 'Hello, world!';
console.log(str.constructor); // function String() { [native code] }
Свойство prototype
Свойство prototype
представляет прототип объекта строки и используется для добавления новых методов и свойств в объекты строк. Например:
String.prototype.reverse = function() {
return this.split('').reverse().join('');
};
console.log('Hello, world!'.reverse()); // '!dlrow ,olleH'
Таким образом, мы рассмотрели основные методы и свойства строк в JavaScript. С помощью этих методов и свойств можно легко работать со строками и форматировать их по своему усмотрению.