首頁 > web前端 > js教程 > es6數組怎麼刪除指定元素

es6數組怎麼刪除指定元素

青灯夜游
發布: 2022-10-11 17:10:45
原創
22028 人瀏覽過

兩種刪除方法:1、使用splice()函數,語法「arr.splice(arr.findIndex(item=>item.id===id), 1)」;2、使用filter ()函數過濾,語法「arr=arr.filter((num,index)=>{return index!==val})」。

es6數組怎麼刪除指定元素

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

 第一種splice(index,num); 

  index代表的是陣列元素的下標位置,num代表的是刪除的個數  

arr.splice(arr.findIndex(item => item.id === id), 1)
//item 只是参数可以写成 i 或者 v 都可以 , 
//后面的额id是数组的id,是不能随便写的,如果你数组里面写的是id,这里就写id,如果数组里面写的是num,那这里就写num , 
//=== 后面的id是你想要删除的元素的id号,同理,如果你数组里面写的是num,那这里就是num号 , 
//1是你要删除1个元素的意思
登入後複製

  findIndex();   是找到某元素的下標的位置


如圖,這個陣列裡面有三個元素,現在要刪除這個id是24的元素,那我們程式碼就該這麼寫

arr.splice(arr.findIndex(item => item.id === 24), 1)
登入後複製

列印一下發現,id為24的元素就刪掉啦!

第二種arr.filter()

filter() 方法建立一個新的數組,新數組中的元素是透過檢查指定數組中符合條件的所有元素。

注意: filter() 不會對空數組進行偵測。

注意: filter() 不會改變原始陣列。

array.filter(function(currentValue,index,arr), thisValue)
登入後複製

//这样就删除啦
arr = arr.filter((num,index)=>{return index !== val})
登入後複製

【推薦學習:javascript高階教學

以上是es6數組怎麼刪除指定元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板