Как итерировать fileList?

Question

[hinie]

Здравствуйте, у меня в this.files хранится fileList выбраных фалов
И мне нужно их проитерировать

for (let i = 0; i < this.files?.length; i++) {
        console.log(0);
      }

Проблемма в том что typescript ругается и указывает что length может быть null | undefined

(property) length: number | undefined
Object is possibly 'undefined'.

Как правильно сделать проверку на undefined внутри i < this.files?.length?

Answer 1

[Алексей Ярков]

if (typeof this.files?.length === 'number') {
  // А тут уже цикл
}

Comments

[WbICHA]

Зачем этот ужас писать?

if (!!this.files) {
  // А тут уже цикл
}

[hinie]

Спасибо, получилось

fileNames() {
      let files = []; // правильно ли так?
      if (this.files) {
        for (let i = 0; i < this.files.length; i++) {
          files.push(this.files[i]); //правильно ли так?
        }
      }
      return files;
    },

Но правильно ли создавать let files таким образом, или есть вариант получше?

[WbICHA]

hinie, конкретно в данном случае это вообще какой-то индусский код.

fileNames() {
  return this.files ? [...this.files] : [];
}

Хотя и это излишне, ты же не собираешься мутировать массив извне, правда?

fileNames() {
  return this.files ?? [];
}

[hinie]

Спасибо выглядит офигенно, а можно ли использовать подобное, чтоб вернуть this.files[i].name

[WbICHA]

hinie, можно.

Answer 2

[zkrvndm]

Если длинна неизвестна, то так:

for (let n in this.files) {
    if (this.files[n] instanceof File) {
        console.log(this.files[n]);
    }
}