主页 / 问题 / 1543295
Accepted
Denis
Asked:2023-09-30 11:48:44 +0000 UTC2023-09-30 11:48:44 +0000 UTC

通过删除空白区域来覆盖 Files 数组

  • 772

这是 HTML

<form  enctype="multipart/form-data">
<input name="file" id="myfiles" multiple type="file"  />
<button type="submit" class="ancSubmit">send</button>
</form>

这是JS

const fileInput = document.querySelector('#myfiles');
const files = [];
const pushFiles = function(){
files.push(...fileInput.files);
}
document.querySelector('#myfiles').onchange = pushFiles;

代码 console.log(files) 输出

(2) [File, File]

这段代码之后

    var index = 1;
    var i = 0;
    for (const file of files) {
      if (i == index) {
        delete files[i];
      }
      i++;
    }
console.log(files)

控制台产生以下内容

(2) [File, пусто]

也就是说，还剩下两个元素，但其中一个为空。需要重写数组，删除空白空间。怎么做？

javascript

2 个回答

  1. delete 并没有完全从数组中删除元素，它只是清除值。要删除，必须重新创建数组而不删除已删除的元素。在这里您可以过滤或修剪和粘合。

    let files = [1,2,3,4];
let index = 2;
/* files = [...files.slice(0,index), ...files.slice(index + 1, )] */
files = [...files.filter((el,i) => index !== i)]
console.log(files)

    • 1
  2. Best Answer
    var i = 0;
var index = 2; 
for (const file of files) {
  if (i == index) {
    delete files[i];
  }
  i++;
}
const result = files.filter((x) => x !== 2);
files.splice(0);
for (const resFile of result) {
  files.push(resFile);
}
console.log(files);
    • 0

相关问题