Как работает свойство length - JavaScript

Свойство length возвращает количество символов в строке.

// объявление строки
let sentence = "I love Purpleschool.";

// возвращает количество символов в строке предложения
let len = sentence.length;

console.log(len);

// Вывод в консоль:
// 20

Синтаксис length

Синтаксис метода length следующий:

str.length;

Где str - это строка.

Свойство length возвращает длину строки или количество элементов в массиве. Это один из самых фундаментальных инструментов для работы с данными в JavaScript. Понимание его работы необходимо для эффективной обработки строк и массивов. Если вы хотите детальнее погрузиться в основы работы со строками и массивами в JavaScript — приходите на наш большой курс JavaScript с нуля. На курсе 198 уроков и 30 упражнений, AI-тренажеры для безлимитной практики с кодом и задачами 24/7, решение задач с живым ревью наставника, еженедельные встречи с менторами.

Параметры length

Свойство length не принимает никаких параметров.

Возвращаемое значение length

Возвращает количество символов в строке.

Примечание: свойство String.length возвращает кодовые единицы в формате строки UTF-16. Для представления некоторых редких символов строки требуется две кодовые единицы. В связи с этим свойство length не всегда возвращает количество символов.

Примеры

Пример 1: Использование свойства length

// объявление строки
let string1 = "JavaScript";

// возвращает количество символов в 'JavaScript'
let len = string1.length;

console.log(len);

Вывод в консоль:

10

В приведенном выше примере мы определили строку с именем string1. Затем мы использовали свойство length, чтобы узнать количество символов в string1.

Поскольку 'JavaScript' содержит 10 символов, string1.length возвращает 10.

Пример 2: Cвойство length доступно только для чтения

Свойство String.length - это свойство только для чтения. Попытка изменить его вручную не приведет ни к каким последствиям. Например:

let string2 = "Programming";

// присвоение значения свойству длины строки
string2.length = 5;

// не изменяет исходную строку
console.log(string2); // Programming

// возвращает длину «Programming»
console.log(string2.length); // 11

Вывод в консоль:

Programming
11

Здесь мы присвоили новое значение string2.length. Поскольку свойство string.length предназначено только для чтения, присвоение ему значения не изменяет исходный массив.

string2.length возвращает 11, что является длиной 'Programming'.

Знание свойства length – это, безусловно, важный навык. Но для того чтобы создавать сложные и динамичные веб-приложения, одного этого знания недостаточно. Вам потребуется уверенное владение основами JavaScript, понимание принципов работы DOM и умение писать асинхронный код. На курсе JavaScript с нуля вы получите все необходимые знания и навыки для достижения ваших целей. В первых 3 модулях уже доступно бесплатное содержание — начните погружаться в JavaScript прямо сегодня.