Блог

Я нахожу следующее поведение js немного странным и не могу понять, почему это происходит.

Предположим, что следующий код:

 var arrayName = new Array(15);
console.log(arrayName);
 

Это приведет к выводу [неопределенный, неопределенный, неопределенный, … ] (неопределенный 15 раз).

Теперь давайте используем следующий код:

 var arrayName = new Array(15).fill();
console.log(arrayName);
 

Поскольку для заполнения не было указано ни одного аргумента, это выведет (как и ожидалось) [неопределенный, неопределенный, неопределенный, … ] (неопределенный 15 раз).

Теперь давайте добавим цикл по массиву (используя формат for in, а не инкрементный):

 var arrayName = new Array(15);
console.log(arrayName);
for (var i in arrayName) {
    console.log(i);
}
 

Это ничего не выведет (не совсем то, чего я ожидал бы — я бы ожидал чисел от 0 до 14)

Теперь давайте использовать код с заполнением:

 var arrayName = new Array(15).fill();
console.log(arrayName);
for (var i in arrayName) {
    console.log(i);
}
 

Это приведет к 0, 1, 2, …, 14 ( чего я ожидал бы в обоих случаях).

Итак … в чем разница?

Я думаю, что индексы не создаются в первом случае (но все же выводятся неопределенные элементы … почему?). Является ли это несоответствием языка или за этим стоит какая-то логика?

PS Наведите курсор мыши на пустые поля, чтобы увидеть содержимое.

В принципе: НЕ ИСПОЛЬЗУЙТЕ FOR .ПЕРЕХОДИМ К МАССИВАМ! : http://ilikekillnerds.com/2015/02/stop-writing-slow-javascript /

for.in предназначен для объектов. Даже MDN заявляет об этом: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for…in

Массив создан и имеет некоторые индексы, но поскольку реальных данных (неопределенных) нет, то зачем нужны какие-либо ключи?

 //The difference is in enumerable keys:

console.log(Object.keys(new Array(15))); //Produces no keys since no data is allocated
console.log(Object.keys(new Array(15).fill())); //Produces 15 keys

//What you probably want is to loop through the allocated places in the array, not the keys of it:
for(var i = 0; i < new Array(15).length; i  ) {
  console.log(i)
} 

Почему это так?

Вы когда-нибудь пробовали Object.create ?

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create

 //Allocating a new object
var test = Object.create({}, {
  p: {
    value: 42
  }
});

//Logging object... but where is p?
console.log("where is p?",test);

//there it is :)
console.log("there it is",test.p);

//Lets try that again
test = Object.create({}, {
  p: {
    value: 42,
    enumerable: true
  }
});

//Logging object... and there is p
console.log("All good",test);

//New object values are non-enumerable by default. Also on Arrays 

 var arrayName = new Array(15);
console.log(arrayName);
for (var i in arrayName) {
    console.log(i);
}
 

Давайте посмотрим, что произошло в приведенном выше случае.

 var arrayName = new Array(15);
 

Если единственным аргументом, переданным конструктору массива, является целое число
от 0 до 232 ^-1 (включительно), это возвращает новый массив JavaScript
с длиной, установленной на это число.

Итак, это то, что вы получили в приведенном выше случае. Итак, это пустой массив с длиной, равной 15. Теперь вы использовали цикл for in, который выполняет итерацию по перечислимому свойству, а переменной i на каждой итерации присваивается другое имя свойства

 console.log(arrayName.propertyIsEnumerable('length'));
 

Это возвращает false , поэтому имеющийся у вас массив не имеет свойства enumerable и является пустым массивом. Таким образом, вы ничего не получите.

Теперь во втором случае, поскольку вы использовали fill() , но не передали никакого значения в качестве первого аргумента, который используется для заполнения массива. Поскольку вы не передали никакого значения, весь массив был заполнен неопределенным, с индексами массива, определенными до длины массива. ( Смотрите конструктор для заполнения здесь https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/fill )

Также обратите внимание, что «Индексы массива — это просто перечислимые свойства с целочисленными именами».

Теперь цикл for в цикле повторил свойство индекса массива и напечатал их значение, которое выводит 0-14.

Для большего понимания, https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for…in