vue的filter和js的刪除方法對比

2021-09-16 18:45:48 字數 1382 閱讀 3131

先說一下原生的js的刪除方法

1:js中的splice方法

splice(index,len,[item]) 注釋:該方法會改變原始陣列。

splice有3個引數,它也可以用來替換/刪除/新增陣列內某乙個或者幾個值

index:陣列開始下標 len: 替換/刪除的長度 item:替換的值,刪除操作的話 item為空

如:a=[,,,,,];

因為splice刪除後陣列的長度會變化,下標也就跟著變化,相鄰的兩個資料就會跳過原下標的3的位置導致刪除不掉;

刪除 ---- item不設定

arr.splice(1,1) //['a','c','d'] 刪除起始下標為1,長度為1的乙個值,len設定的1,如果為0,則陣列不變

arr.splice(1,2) //['a','d'] 刪除起始下標為1,長度為2的乙個值,len設定的2

替換 ---- item為替換的值

arr.splice(1,1,'ttt') //['a','ttt','c','d'] 替換起始下標為1,長度為1的乙個值為『ttt』,len設定的1

arr.splice(1,2,'ttt') //['a','ttt','d'] 替換起始下標為1,長度為2的兩個值為『ttt』,len設定的1

新增 ---- len設定為0,item為新增的值

arr.splice(1,0,'ttt') //['a','ttt','b','c','d'] 表示在下標為1處新增一項『ttt』

看來還是splice最方便啦

2:delete delete刪除掉陣列中的元素後,會把該下標出的值置為undefined,陣列的長度不會變

如:delete arr[1] //['a', ,'c','d'] 中間出現兩個逗號,陣列長度不變,有一項為undefined

在看一下vue的filter的過濾返回方法

直接返回合法的資料就不用使用js的刪除方法簡便快捷

這個是根據我之前分享的多層核取方塊陣列改編的》,在原有的資料上加了個info引數!

再看等價於刪除方法的filter,del過濾函式

vue中filter的使用

今天我們來學習一下filter的使用和在專案中的應用 此處我們在專案中使用filter來顯示多少月多少日,星期幾 在這裡我主要把他分為三步。第一步 此處建議使用乙個檔案來存放 因為你可能不只需要使用乙個過濾函式 第二步 在全域性main.js中引入此檔案,方便在所以檔案中使用 第三步就是在具體檔案中...

vue中filter的用法

平時開發中,需要用到過濾器的地方有很多,比如單位轉換 金額加千分位 文字格式化等,比如 1 格式化金額 2const digitsre d d g 3 vue.filter currencyfilter function value 實現效果16568686.00 16,568,686.00 這是常...

js 陣列的filter方法

偶然間在看別人的 時看見了乙個filter方法。此前沒用過。記錄一下.array.filter function currentvalue,index,arr thisvalue currentvalue 當前元素 index 當前元素索引 arr 當前元素所屬陣列 thisvalue 作為引數中的...