логотип PurpleSchool
логотип PurpleSchool

Свойство .length в JavaScript

Автор

Дмитрий Нечаев

В JavaScript свойство .length является одним из наиболее часто используемых и полезных свойств для работы со строками. Оно позволяет нам узнать количество символов в строке. В этой статье мы подробно рассмотрим работу свойства .length и примеры его использования.

Определение длины строки

Свойство .length возвращает количество символов в строке, включая пробелы и специальные символы.

const str = "Привет, мир!";
const length = str.length;
console.log(length); // Выведет: 12

Пробелы и специальные символы

Свойство .length учитывает все символы в строке, включая пробелы и специальные символы.

const str = "    Привет, мир!    ";
console.log(str.length); // Выведет: 18, включая пробелы в начале и конце строки

Пустая строка

Если строка пустая, то .length вернет значение 0.

const emptyStr = "";
console.log(emptyStr.length); // Выведет: 0

Использование в условных выражениях

Свойство .length часто используется в условных выражениях для проверки длины строки.

const userInput = "Hello";
if (userInput.length > 5) {
  console.log("Строка слишком длинная");
} else {
  console.log("Строка нормальной длины");
}

Использование в циклах

Свойство .length также часто используется в циклах для итерации по строке.

const str = "JavaScript";
for (let i = 0; i < str.length; i++) {
  console.log(str[i]);
}

Заключение

Свойство .length в JavaScript является простым и мощным инструментом для определения длины строки. Оно позволяет легко и эффективно работать с текстовыми данными, а также выполнять различные операции, такие как валидация ввода, обработка текстовых данных и многое другое. Понимание работы этого свойства поможет вам писать более эффективный и читаемый код при работе со строками в ваших JavaScript-программах.

Стрелочка влевоСтрока в JavaScriptМетод .indexOf() в JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний