От автора: приветствую вас, друзья. Продолжаем знакомство и работу со строками в JavaScript. Как и число, тип данных строка имеет свой набор полезных методов и свойств, некоторые из которых мы и рассмотрим в данной статье.
Итак, начнем с одного из наиболее полезных в работе свойств строки — свойство length. Свойство length позволяет получить длину строки или, проще говоря, количество символов в строке. Пример:
1 2 |
var text = 'Lorem ipsum'; console.log(text.length); // 11 |
В результате в консоли мы увидим число 11. Если посчитаем количество символов в строке вручную, то их действительно будет именно 11. Это свойство может быть полезно, например при валидации тех или иных данных. Например, в форму регистрации пользователь вводит логин, который должен быть не менее определенного количества символов. После завершения ввода мы можем проверить длину строки и, если она будет меньше установленной, тогда сообщить об этом пользователю.
Теперь давайте рассмотрим несколько способов получения того или иного символа строки. Прежде всего, для этого есть метод charAt(), принимающий параметр позицию символа в строке. Здесь стоит отметить, что нумерация символов в строке начинается не с 1, а с 0, как и во многих языках программирования. Например, получим один за другим первые 3 символа строки:
1 2 3 4 |
var text = 'Lorem ipsum'; console.log(text.charAt(0)); console.log(text.charAt(1)); console.log(text.charAt(2)); |
Другой способ получить символ строки — использовать квадратные скобки, в которые передать нужную позицию символа. Тот же пример на новый лад:
1 2 3 4 |
var text = 'Lorem ipsum'; console.log(text[0]); console.log(text[1]); console.log(text[2]); |
А что если нам нужно пройтись по всей длине строки и получить ее всю посимвольно? Подумайте, как это можно сделать. Небольшая подсказка — нам понадобится цикл. Ну и можете сравнить свое решение с решением ниже:
1 2 3 4 |
var text = 'Lorem ipsum'; for(var i = 0; i < text.length; i++){ console.log(text[i]); } |
На этом мы завершим текущую статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!