vue.js如何刪除數(shù)組中指定索引的元素
更新時間：2023年06月27日 09:49:50 作者：wcdunf
這篇文章主要介紹了vue.js如何刪除數(shù)組中指定索引的元素問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue.js刪除數(shù)組中指定索引的元素
var arr = ['a','b','c','d','e','f','g','h','i'];
for(let i=0;i<arr.length;i++){
// arr.splice(i,1);//(循環(huán)刪除所有元素)i是索引，1是長度，null的意思是該元素替換為null
if(i==2){
arr.splice(i,1);//刪除第2個元素
arr.splice(i+2,1,null);//把第4個位置的元素替換為null
arr.splice(i+3,2,['w','z']);//把第5和第6位置的元素替換為w和z
}
}vue使用js的方式對數(shù)組進行刪除或修改
描述
vue中對數(shù)組的元素進行刪除，以前一直以為這個方法是vue中特有的，后來百度之后才知道原來是js的一個寫法。
一直忘了怎么寫，現(xiàn)在簡單的記錄一下。
方法
①使用splice方法
第一個1是數(shù)組元素的下標(biāo)，第二個1是刪除的元素個數(shù)，表示刪除下標(biāo)為1的單個元素，這樣子寫會導(dǎo)致數(shù)組中的元素重排序，因為刪掉一個元素，數(shù)組的長度減1
var arr = [1,2,3,4]; arr.splice(1,1);
同時，如果在刪除的同時像添加元素也可以直接使用splice，打印可以看到
數(shù)組為：[1, 5, 6, 3, 4]
var arr = [1,2,3,4]; arr.splice(1,1,5,6); console.log(arr);
②使用delete方法
使用delete方法，數(shù)組的長度并不會改變，所以不會導(dǎo)致元素重排，打印的數(shù)組為[1, empty, 3, 4]，也就是說刪掉一個元素會使用empty元素進行補充
var arr = [1,2,3,4]; delete arr[1]; console.log(arr);
③想清空數(shù)組的話可以這樣進行操作
arr.splice(0,arr.length);
arr=[];
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue中配置后端接口服務(wù)信息詳解，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
vue開發(fā)中的base和publicPath的區(qū)別
本文主要介紹了vue開發(fā)中的base和publicPath的區(qū)別,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-07-07
Vue移動端實現(xiàn)調(diào)用相機掃描二維碼或條形碼的全過程
最近在使用vue開發(fā)的h5移動端想要實現(xiàn)一個調(diào)用攝像頭掃描二維碼的功能,所以下面這篇文章主要給大家介紹了關(guān)于Vue移動端實現(xiàn)調(diào)用相機掃描二維碼或條形碼的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
Vue.js使用axios動態(tài)獲取response里的data數(shù)據(jù)操作
這篇文章主要介紹了Vue.js使用axios動態(tài)獲取response里的data數(shù)據(jù)操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
Vue中axios的封裝（報錯、鑒權(quán)、跳轉(zhuǎn)、攔截、提示）
這篇文章主要介紹了Vue中axios的封裝（報錯、鑒權(quán)、跳轉(zhuǎn)、攔截、提示）,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-08-08
這篇文章主要介紹了vue 自定義組件的寫法與用法，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值 ,需要的朋友可以參考下2020-03-03
在Vue.js中使用Element UI庫時可以通過el-table組件來展示表格數(shù)據(jù),并支持列排序,下面這篇文章主要給大家介紹了關(guān)于前端使用el-table自帶排序功能\后端排序的相關(guān)資料,需要的朋友可以參考下2024-08-08
關(guān)于vue設(shè)置環(huán)境變量全流程
這篇文章主要介紹了關(guān)于vue設(shè)置環(huán)境變量全流程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
vue + vuex todolist的實現(xiàn)示例代碼
這篇文章主要介紹了vue + vuex todolist的實現(xiàn)示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
python虛擬環(huán)境 virtualenv的簡單使用
virtualenv是一個創(chuàng)建隔絕的Python環(huán)境的工具。這篇文章主要介紹了python虛擬環(huán)境 virtualenv的簡單使用，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01