Изменить размер массива, просто добавив элемент и не нажимать javascript

Question

Я знаю, что универсальный способ изменения размера массива - использовать .push().

Однако, сегодня я видел кусок кода в angularJS, что делает что-то вроде этого:

var service = { 
    pages: [], 
    doSmth: doSmth 
}; 

doSmth(); 

function doSmth() { 
    service.pages[1] = "abc"; 
    service.pages[5] = "def"; 
} 

Я побежал отладчик браузера и обнаружил, что перед doSmth() называется, pages[1] не определен, но после того, , pages[1] присваивается значение без каких-либо ошибок.

Как это возможно?

Answer 1

Это просто волшебство, которое позволяет JavaScript. Если вы исходите из такого языка, как Java или C, это может показаться странной идеей, но вы можете установить значение любого индекса в массиве в любой момент, и массив будет расширяться до такого размера!

Рассмотрим:

var t = []; 
t.length === 0; 
t[10000] = 'value'; 
t.length === 10001; 

JavaScript просто обрабатывает это за кулисами. Стоит отметить, что это поведение не характерно для JavaScript. Это видно и на других интерпретируемых языках. Ruby, например, позволяет вам делать то же самое.

Кроме того, в JavaScript, length является записываемым атрибутом массивов, так что вы можете легко обрезать или очистить весь массив:

var t = [1]; 
t[4] = 0; 
t === [1, undefined, undefined, undefined, 0]; 
t.length = 2; 
t === [1, undefined]; 
t.length = 0; 
t === []; 

Установку длиной 0, является одним из самых быстрых и простых способов очистить массив. Это может быть не самое интуитивное решение, но это мой подход.

Answer 2

Массив в JavaScript - это просто объект с некоторыми специальными свойствами. По сути, это просто объекты с положительными целыми именами свойств. Есть некоторые другие ключевые различия, но идея состоит в том, что вы могли бы сделать это:

var obj = { }; 
obj['1'] = 'abc'; 

Таким образом, вы можете сделать то же самое с массивом.

Однако! Вы не должны. Современные JavaScript-движки обычно оптимизируют массивы, поддерживая их быстрыми встроенными реализациями. Установив индексы, которые в настоящее время не распределены, будет де-оптимизировать ваш код в нечто более похожее на объект, который намного медленнее.

Answer 3

Страницы в function doSmth() не находится в том же пространстве имен, что и страницы в service, в которых service.pages.

Ваш pages[1] Мусульманин будет глобально объявлен где-то в другом месте.

Однако вы инициализации pages как пустой (но существующий) массив: pages: [],

var service = { 
    pages: [], 
    doSmth: doSmth 
}; 

doSmth(); 

function doSmth() { 
    pages[1] = "abc"; 
    pages[5] = "def"; 
}