.length

Свойство length возвращает количество элементов в массиве. Если элементов нет, то свойство возвращает 0.

        
          
          const series = [  'Кремниевая долина', 'Игра престолов', 'Рик и Морти', 'Гравити Фолс']console.log(series.length)// 4const empty = []console.log(empty.length)// 0
          const series = [
  'Кремниевая долина', 'Игра престолов', 'Рик и Морти', 'Гравити Фолс'
]
console.log(series.length)
// 4

const empty = []
console.log(empty.length)
// 0

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Свойство length хранит количество ячеек в массиве. Строго говоря, количество ячеек может быть больше, чем количество элементов в массиве, но на практике они почти всегда совпадают.

Значение свойства length — целое положительное число в диапазоне от 0 до 2³².

Свойство length перезаписываемое, вы можете записать в него любое число из диапазона возможных значений. Это изменит количество ячеек массива.

Если уменьшить значение свойства length, то из конца массива будут отброшены элементы, которые не входят в новый размер массива:

        
          
          const series = [  'Кремниевая долина', 'Игра престолов', 'Рик и Морти', 'Гравити Фолс']console.log(series.length)// 4series.length = 2console.log(series)// ['Кремниевая долина', 'Игра престолов']
          const series = [
  'Кремниевая долина', 'Игра престолов', 'Рик и Морти', 'Гравити Фолс'
]
console.log(series.length)
// 4

series.length = 2
console.log(series)
// ['Кремниевая долина', 'Игра престолов']

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Если увеличить значение свойства length, то в конец массива добавятся пустые ячейки. Значение в них не будет установлено и они будут игнорироваться при обходе:

        
          
          const todos = ['купить молока', 'почитать Доку']console.log(todos.length)// 2todos.length = 4console.log(todos)// ['купить молока', 'почитать Доку', <2 пустых ячейки>]todos.forEach(function(todo, index) {  console.log(`${index + 1}. ${todo}`)})// 1. купить молока// 2. почитать Доку
          const todos = ['купить молока', 'почитать Доку']
console.log(todos.length)
// 2

todos.length = 4
console.log(todos)
// ['купить молока', 'почитать Доку', <2 пустых ячейки>]

todos.forEach(function(todo, index) {
  console.log(`${index + 1}. ${todo}`)
})
// 1. купить молока
// 2. почитать Доку

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Корректнее всего говорить, что свойство length хранит количество ячеек доступных для записи в массиве, а не количество элементов. Они почти всегда совпадают, но есть случаи, когда в массиве больше ячеек, чем значений. Разберём эти случаи.

1️⃣ При создании пустого массива с помощью конструктора new Array() можно указать количество ячеек в массиве. Тогда количество ячеек и количество элементов не будут совпадать:

        
          
          const emptyArray = new Array(100)console.log(emptyArray.length)// 100
          const emptyArray = new Array(100)
console.log(emptyArray.length)
// 100

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Такой проблемы не случится, если создавать массив с помощью литерала:

        
          
          const anotherEmptyArray = []console.log(anotherEmptyArray.length)// 0
          const anotherEmptyArray = []
console.log(anotherEmptyArray.length)
// 0

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

2️⃣ При записи нового элемента в индекс далеко за пределами массива. В этом случае между последним элементом и новым появляется «дыра» из пустых ячеек:

        
          
          const priorities = ['спать', 'есть', 'пить']console.log(priorities.length)// 3priorities[999] = 'работать'console.log(priorities.length)// 1000console.log(priorities)// ['спать', 'есть', 'пить', <996 пустых ячейки>, 'работать']
          const priorities = ['спать', 'есть', 'пить']
console.log(priorities.length)
// 3

priorities[999] = 'работать'
console.log(priorities.length)
// 1000
console.log(priorities)
// ['спать', 'есть', 'пить', <996 пустых ячейки>, 'работать']

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

3️⃣ При ручном увеличении значения свойства length:

        
          
          const todos = ['купить молока', 'почитать Доку']console.log(todos.length)// 2todos.length = 4console.log(todos)// ['купить молока', 'почитать Доку', <2 пустых ячейки>]
          const todos = ['купить молока', 'почитать Доку']
console.log(todos.length)
// 2

todos.length = 4
console.log(todos)
// ['купить молока', 'почитать Доку', <2 пустых ячейки>]

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

        
          
          const movies = ['Good Will Hunting', 'Raining Man', 'Beautiful Mind']for (let i = 0; i < movies.length; i++) {  console.log(movies[i])}
          const movies = ['Good Will Hunting', 'Raining Man', 'Beautiful Mind']
for (let i = 0; i < movies.length; i++) {
  console.log(movies[i])
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

        
          
          const movies = []if (movies.length === 0) {  console.log('Вы посмотрели все фильмы!')}
          const movies = []

if (movies.length === 0) {
  console.log('Вы посмотрели все фильмы!')
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать