х = {} создает спонтанных объект

Question

часть более крупной программы с помощью AngularJs, фрагмент кода:

var thePortList = $scope.ipPortList; // an array of objects 
... 
... 
console.log("before", $scope.ipPortList, thePortList); 
thePortList[i] = {}; 
console.log("after", $scope.ipPortList, thePortList); 

Создает этот вывод:

before [] [] 
after [2: Object] [2: Object] 

Я понятия не имею, почему. Я мог ожидать увидеть что-то подобное в многопоточной программе, но не в Javascript.

x = {} должен назначать новый пустой объект этому элементу массива. Правильно? Я смущен этим поведением. Может ли кто-нибудь пролить свет?

Протестировано в Chrome как на моей локальной машине, так и на plunkr.

Plunkr здесь:

Полный выход plunkr консоль: Plunker Link

Event tracked Multipane Show Preview Toolbar undefined undefined 
editor-0.11.1.js:2 URL visited /?p=preview 
VM631:29 portList [] 
VM631:34 processing 0 [] undefined 
VM631:39 skipping 0 
VM631:34 processing 1 [] undefined 
VM631:39 skipping 1 
VM631:34 processing 2 [] undefined 
VM631:45 before [] [] 
VM631:47 after [2: Object] [2: Object] 

Answer 1

Это правильное поведение, я думаю, вы поняли смысл журнала информации. Вы можете попробовать этот код в консоли, и увидеть результат:

var a=[]; 
a[2]={}; 
a 

output: [undefined × 2, Object__proto__: Object] 

Информационный журнал консоли «[2: Object]» опущен 2 неопределенными, в JavaScript, если присвоить значение элементу массива, который из его длина, вы получите undefined, если попытаетесь получить доступ к элементу от длины начала до индекса, и это происходит не потому, что массив автоматически заполняется неопределенным, потому что это стандартный ответ на доступ к несуществующему свойству. На самом деле ничего не изменилось, кроме длины массива.