Array.push 在 map function 内部使用时自行更新

Question

在这里，我使用了两个新的 arrays 来捕获 URL 和 Filename 值。 当我在控制台上查看它时，每次都会得到不同的值，比如数组被以前的值覆盖，我做错了什么吗？

downLoadFilesAsZip = async(item) => {

for (const index in item.docLinks) {
  let urlArr=[];
  let fileNameArr = [];
  const url = item.docLinks[index];
  let linkParts = url.split("?");
  let filename = linkParts[0].substring(linkParts[0].lastIndexOf('/')+1);
  urlArr.push(url);
  fileNameArr.push(filename);  
}
}

downLoadAllAsZip = () => {
  {
    this.state.docGroups.length !== 0 && this.state.docGroups.map((item) => {
      if(item.docLinks !== null && item.docLinks.length > 0){
          return(
            this.downLoadFilesAsZip(item)
          );
      }
    })
  }  
}

Answer 1

跟随循环。 每次循环运行时，您都会设置空 arrays。

let urlArr=[];
let fileNameArr = [];

把它带到你的 for 循环之外。

Answer 2

在 for 循环外声明数组（导入后）有助于更新每个值，For.tsx 文件的答案是这样

type urlArr = any[];
type fileNameArr = any[];
let urlArr=[];
let fileNameArr = [];