亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

JS 函數中如何更新和返回數組

JS 函數中如何更新和返回數組

慕容3067478 2021-08-20 14:39:13
我正在嘗試從函數內部聲明的數組中添加/刪除元素。我已經能夠添加或刪除和訪問更新的數組。為了訪問數組,我使用了兩種不同的方法。創建了一個返回數組的內部函數。已從主函數返回數組并使用點表示法訪問相同的數組。這是我的代碼:function test() {  let myArr = [];  const getMyArr = () => myArr;  const add = n => {    myArr.push(n);    return () => {      myArr = myArr.filter(a => a !== n);    };  };  return {    myArr,    getMyArr,    add  };}let myTestRun = test();let remove3 = myTestRun.add(3);let remove7 = myTestRun.add(7);let remove8 = myTestRun.add(8);console.log("myArr after insertion", myTestRun.myArr);console.log("getMyArr() after insertion", myTestRun.getMyArr());remove7();console.log("myArr after removing", myTestRun.myArr); //still returns the old array without any modificationsconsole.log("getMyArr() after removing", myTestRun.getMyArr()); //returns the modified array. how? Why didn't it work before?我不明白的是為什么沒有myArr任何修改以及getMyArr()函數如何返回更新后的值。我曾經相信兩者都myArr指向同一個對象。因此,對 的任何修改myArr都應通過這兩種方法反映出來。為什么我錯了。這種不同的返回值背后的原因是什么?請解釋。
查看完整描述

3 回答

?
LEATH

TA貢獻1936條經驗 獲得超7個贊

因為filter返回一個新數組。

返回的對象test和局部變量都引用同一個數組。突變的陣列(push,pop,splice通過任一引用的等)將修改陣列。

這僅在調用remove7(). 該filter方法返回一個新數組,myArr變量現在引用這個新數組,同時myTestRun.myArr仍然引用最初創建的舊數組。如果您myTestRun.myArr === myTestRun.getMyArr()在每個點都登錄,它將在 之后開始返回 false remove7()

但是,getMyArr()仍在關閉let myArr變量。因此,它將始終記錄當時變量當前持有的任何內容


查看完整回答
反對 回復 2021-08-20
?
眼眸繁星

TA貢獻1873條經驗 獲得超9個贊

如果你使用它會更好


function test() {

  this.myArr = [];


  this.getMyArr = () => this.myArr;


  this.add = n => {

    this.myArr.push(n);

    return () => {

      this.myArr = this.myArr.filter(a => a !== n);

    };

  };

}


let myTestRun = new test();



let remove3 = myTestRun.add(3);

let remove7 = myTestRun.add(7);

let remove8 = myTestRun.add(8);

console.log("myArr after insertion", myTestRun.myArr);

console.log("getMyArr() after insertion", myTestRun.getMyArr());

remove7();


console.log("myArr after removing", myTestRun.myArr); //still returns the old array without any modifications

console.log("getMyArr() after removing", myTestRun.getMyArr());


查看完整回答
反對 回復 2021-08-20
  • 3 回答
  • 0 關注
  • 293 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號