第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會有你想問的

為什么不使用帶有擴(kuò)展運(yùn)算符的 splice 從數(shù)組中刪除項(xiàng)目以進(jìn)行反應(yīng)？

為什么不使用帶有擴(kuò)展運(yùn)算符的 splice 從數(shù)組中刪除項(xiàng)目以進(jìn)行反應(yīng)？

寶慕林4294392 2021-11-18 15:51:25
splice() 會改變原始數(shù)組，應(yīng)該避免。相反，一個(gè)不錯(cuò)的選擇是使用filter()創(chuàng)建一個(gè)新數(shù)組，因此不會改變狀態(tài)。但是我曾經(jīng)使用帶有擴(kuò)展運(yùn)算符的 splice() 從數(shù)組中刪除項(xiàng)目。removeItem = index => {  const items = [...this.state.items];  items.splice(index, 1);  this.setState({ items });}所以在這種情況下，當(dāng)我記錄items更改但this.state.items保持不變時(shí)。問題是，為什么每個(gè)人都使用filter而不是splicewith spread？它有什么缺點(diǎn)嗎？
查看完整描述

2 回答

?
www說

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊

filter()有一個(gè)更實(shí)用的方法，這有它的好處。使用不可變數(shù)據(jù)更容易、并發(fā)和錯(cuò)誤安全。


但是在您的示例中，您正在通過創(chuàng)建items數(shù)組來做類似的事情。所以你仍然沒有改變?nèi)魏维F(xiàn)有的數(shù)組。


const items = [...this.state.items];

創(chuàng)建 的副本this.state.items，因此一旦您執(zhí)行splice().


因此，考慮到您的方法，它與 沒有什么不同filter()，所以現(xiàn)在歸結(jié)為品味問題。


const items = [...this.state.items];

items.splice(index, 1);

VS


this.state.items.filter(i => ...);

還可以考慮性能。例如檢查這個(gè)測試。


查看完整回答
反對 回復(fù) 2021-11-18
?
滄海一幻覺

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超5個(gè)贊

 const items = [...this.state.items]; // spread

 const mutatedItems = this.state.items.filter(() => {}) // filter

他們是一樣的。

盡管我發(fā)現(xiàn)展開線令人困惑，而且不如過濾器直觀。


但我更喜歡解構(gòu)：


 const { items } = this.state // destructure

 item.splice()

為什么？因?yàn)橛袝r(shí)在函數(shù)/方法中我還有其他解構(gòu)賦值，例如


  const { modalVisible, user } = this.state

所以我想為什么不在item那里解構(gòu)。對于一些在多個(gè)代碼庫中編寫大量代碼的人來說，研究“此代碼瀏覽的準(zhǔn)確度和速度如何？”會有很大幫助。因?yàn)槲易约赫娴牟挥浀梦疑现軐懥耸裁础?/p>

雖然使用傳播會讓我寫更多的行并且在下個(gè)月重新閱讀時(shí)對我沒有幫助。


查看完整回答
反對 回復(fù) 2021-11-18
  • 2 回答
  • 0 關(guān)注
  • 197 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號