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 = [];