Как создать пустой массив с undefined?

Question

[kirillleogky]

Есть задача https://www.codewars.com/kata/sequence-generator-1


все решил но почему-то не работает создание нового массива с длинной n и значениями undefined

let arrfun = new Array(n);
return arrfun.map(pattern);

function sequence(n, pattern) {
  let array = [];
  if (typeof(pattern) === 'function') {
    let arrfun = new Array(n);
    return arrfun.map(pattern);
  };

  while (n != 0) {
    n--;
    array.push(pattern);
  }
  return array;
}

Не могу понять почему массив не работает
Значения undefined
Но все равно не работает
Подскажите пожалуйста в чем проблема и как её решить
Спасибо

Answer 1

[Stockholm Syndrome]

new Array(n).fill();

Comments

[kirillleogky]

Получается new Array(n) не заполняет массив значениями?
Почему тогда потом при console.log(new Array(n)[0]); выдаёт undefined?

[Stockholm Syndrome]

kirillleogky, это пустые значения, если попробуете вывести в консоль new Array(3), то увидите [empty x 3]

Получается new Array(n) не заполняет массив значениями?

можно и так сказать, вызов new Array(n) (new, кстати, можно не писать) лишь создаёт массив и устанавливает свойство length, поэтому нужно явно заполнять методом fill или оператором spread

Answer 2

[Алексей]

Попробуйте создавать массив таким образом:

const array = Array.from({ length: 10 }, () => undefined);

Дело в том что когда вы объявляете массив таким образом:
let arrfun = new Array(n);
это еще не значит что его элементы определены, да вы указали длину массива, но этого недостаточно, если заглянуть в консоль браузера то увидите разницу объявления массива моим и вашим способом. В вашем массиве элементов нет, только длинна хотя если обратиться к элементу по индексу, то вернется undefined, вот такая особенность JS.

Answer 3

[0xD34F]

Если отвечать непосредственно на заданный вопрос, то [...Array(n)]. Но, учитывая реально решаемую задачу, не надо никаких массивов, состоящих из undefined, заполняйте сразу тем, чем надо:

const sequence = (length, pattern) =>
  pattern instanceof Function
    ? Array.from({ length }, pattern)
    : Array(length).fill(pattern);

Answer 4

[dollar]

Какую проблему вы решаете?
В JavaScript пустой массив из n элементов можно создать просто:
new Array(n)

Да, в консоли вы увидите, что массив заполнен некими "empty", а не "undefined", но в самом языке JavaScript нет пустых значений типа "empty". На самом деле это и есть undefined. То, что отображается в консоли, никак нельзя почувствовать и пощупать кодом. А значит эта особенность никак не влияет на код и не может быть причиной никаких ошибок.

Поэтому я повторю вопрос: какую проблему вы решаете? Ведь empty значения не могут мешать вашим скриптам.

Если хотите, проверьте свой код не в Chrome, а в Firefox, там в консоли нет никаких empty. И не должно быть. То, как там выделяется и освобождается память, скрыто даже в консоли, чтобы не сбивать с толку начинающих программистов.

Comments

[kirillleogky]

Я создаю массив с пустыми элементами.
А затем в эти пустые элементы добавляю элементы из аргумента pattern

[dollar]

kirillleogky, пустые они или нет, это никак не влияет на работу кода, который имеет дело с массивом. Пустота здесь ни при чем.

А что именно у вас не работает и где ошибка, это нужно смотреть и отлаживать, исходя из задачи.

Слова "добавляю элементы из аргумента pattern" дают мало информации. Постарайтесь избегать выражения "не работает" и слов "всё", "ничего", "всегда", "никогда" и т.д. Они говорят о том, что вы эмоционально реагируете и не хотите думать логически.

[Дмитрий Беляев]

dollar,

А значит эта особенность никак не влияет на код и не может быть причиной никаких ошибок

Большинство методов массива, такие как map или filter игнорируют пустые значения. Так что разница все таки есть и приводить к ошибкам оно может

const arr1 = new Array(10);
console.log(0 in arr1); // false
const arr2 = Array.from({length: 10});
console.log(0 in arr2); // true

неожиданно правда?

[dollar]

Дмитрий Беляев, Здесь вы правы, разница есть.