length – властивість об’єкта, яка повертає довжину рядка або масиву. Що стосується масивів, то в разі використання цієї властивості, результатом буде число, що перевершує на одиницю верхній індекс масиву, це пов’язано з тим, що індексація масиву походить від 0 а не від 1.

Є особливості, якими володіє дане властивість, і про які слід пам’ятати:

  • Це властивість не пов’язана з кількістю елементів в масиві, таким чином, маючи масив з одним елементом, індекс якого дорівнює 10, властивість поверне значення 11.
  • Властивість доступна для запису, і це означає, що ми можемо задати довжину, приміром, меншу, ніж індекс останнього елемента. У цьому випадку, масив буде урізаний, а якщо задати значення велике значення останнього ключа елемента – масив буде розширено до заданого значення. Додані елементи в масиві будуть мати значення null.
  • Є невідповідності в значеннях цього властивості, які містять порожні значення елементів, помічені в IE і Gecko версій браузерів.

Розглянемо простий приклад, для обходу масиву, з умовою, де використовується властивість length.

var numbers = [1,2,3,4,5];
for (var i = 0; i < numbers.length; i++){
alert(numbers[i]);
}

Зверніть увагу, що використання подібного перебір масиву вимагає від масиву упорядкованість її елементів. Якщо ви використовуєте бібліотеку JQuery ви так само можете скористатися конструкцією each.

Вкорочуємо масив

var numbers = [1,2,3,4,5];
numbers.length=3
// numbers тепер [1,2,3]

Розширюємо масив

var numbers = [1,2];
numbers[numbers.length]=3
// numbers тепер [1,2,3]

У випадку з рядками, то length повертає довжину рядка. Таким чином, властивість містить кількість юникодовых символів в рядку. Таким чином, для порожніх рядків length буде повертати 0.

Для прикладу, давайте спробуємо виміряти довжину заданої рядки.

var x = “Тест”
alert(“Довжина дорівнює” + x.length) // 4

Варто звернути увагу на те, що пробіл – теж символ, і якщо ви заміряли рядок містить прогалини, то вони будуть також враховуватися як символи.

Додав: htmaker, 19.12.2016 р.
(Ще не оцінили)

Завантаження…

Діліться з друзями:

См. також:


Мета тег robots, приклади використання
Рубрика: Html, CSS, Javascript, SEO

Stimed – задаємо CSS-стилі по часу
Рубрика: Html, CSS, Javascript

Небезпека використання атрибуту target=”_blank”
Рубрика: Html, CSS, Javascript, Інф. безпека

Нескінченна анімація обертання на CSS
Рубрика: Html, CSS, Javascript

Анімація обертання при наведенні курсору
Рубрика: Html, CSS, Javascript

Стилізація виділення номера телефону до мобільних браузерах
Рубрика: Html, CSS, Javascript

Список вибору на JQuery
Рубрика: Html, CSS, Javascript

Фіксований заголовок таблиці HTML
Рубрика: Html, CSS, Javascript

Ефекти кнопок для сайту
Рубрика: Html, CSS, Javascript