JS數組常用方法---10、splice方法
一、總結
一句話總結:
splice方法是修改數組,可刪可插可兩者同時進行,參數第一個是必帶的start(也就是數組的修改位置),第二個是可選的deleteCount,后面的參數就是要添加的元素,splice方法的返回值是被刪除元素組成的數組,影響原數組
作用:從數組中刪除元素、插入元素、或者同時完成這兩種操作. 參數:必帶參數start(指定修改的開始位置,可負數),可選參數deleteCount,可選參數item1, item2,...(表示要添加的元素) 返回值:被刪除的元素組成的數組 是否影響原數組:肯定影響 //3、splice修改數組,既刪除,又添加 let arr=[1,2,3,4,5]; let delete_arr=arr.splice(1,2,7,8);//在第1號位置刪除兩個,然后添加7和8 console.log(delete_arr);// [2, 3] console.log(arr);// [1, 7, 8, 4, 5]
1、splice方法的作用?
splice方法的作用是修改數組:既可以刪除元素,又可以添加元素,也可以又刪除又添加
2、splice的第一個參數start表示的意思是什么?
修改的起始位置,這里的修改可以是刪除元素,也可以是插入元素,也可以是兩者同時進行
3、splice方法如何只向數組中添加元素?
將splice方法的第二個參數deleteCount置為0,在deleteCount之后添加想要增加的元素即可,例如 let delete_arr=arr.splice(0,0,7,8);//在第0號位置添加7和8
//2、splice向數組中添加元素 let arr=[1,2,3,4,5]; let delete_arr=arr.splice(0,0,7,8);//在第0號位置添加7和8 console.log(delete_arr);// [] console.log(arr);// [7, 8, 1, 2, 3, 4, 5]
4、splice方法如何又刪除數組中的元素,又向數組中添加元素?
第一個參數start指定要好修改的位置,第二個參數deleteCount指定要刪除的元素的個數,后面的參數就寫要增加的元素,例如:let delete_arr=arr.splice(1,2,7,8);//在第1號位置刪除兩個,然后添加7和8
//3、splice修改數組,既刪除,又添加 let arr=[1,2,3,4,5]; let delete_arr=arr.splice(1,2,7,8);//在第1號位置刪除兩個,然后添加7和8 console.log(delete_arr);// [2, 3] console.log(arr);// [1, 7, 8, 4, 5]
5、從數組中刪元素的那些方法,返回值總是被刪的元素?
比如pop方法(數組尾刪)、shift方法(數組頭刪)、splice方法(指定位置刪或者修改)
二、splice方法
博客對應課程的視頻位置:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>splice方法</title> 6 </head> 7 <body> 8 <!-- 9 splice方法 10 11 英 /splaɪs/ 美 /splaɪs/ 12 v. 捻接(繩子);拼接,接合(膠片等);移接(基因);使結婚 13 n. 接合處;(連接的)繩;(板球擊板的)柄腳;結婚(非正式) 14 15 splice方法是修改數組,可刪可插可兩者同時進行,參數第一個是必帶的start(也就是數組的修改位置),第二個是可選的deleteCount,后面的參數就是要添加的元素,splice方法的返回值是被刪除元素組成的數組,影響原數組 16 17 作用:從數組中刪除元素、插入元素、或者同時完成這兩種操作. 18 參數:必帶參數start(指定修改的開始位置,可負數),可選參數deleteCount,可選參數item1, item2,...(表示要添加的元素) 19 返回值:被刪除的元素組成的數組 20 是否影響原數組:肯定影響 21 22 splice方法的作用 23 splice方法的作用是修改數組:既可以刪除元素,又可以添加元素,也可以又刪除又添加 24 25 splice的第一個參數start表示的意思是什么 26 修改的起始位置,這里的修改可以是刪除元素,也可以是插入元素,也可以是兩者同時進行 27 28 splice方法如何只向數組中添加元素 29 將splice方法的第二個參數deleteCount置為0,在deleteCount之后添加想要增加的元素即可,例如 let delete_arr=arr.splice(0,0,7,8);//在第0號位置添加7和8 30 31 splice方法如何又刪除數組中的元素,又向數組中添加元素 32 第一個參數start指定要好修改的位置,第二個參數deleteCount指定要刪除的元素的個數,后面的參數就寫要增加的元素,例如:let delete_arr=arr.splice(1,2,7,8);//在第1號位置刪除兩個,然后添加7和8 33 34 從數組中刪元素的那些方法,返回值總是被刪的元素 35 比如pop方法(數組尾刪)、shift方法(數組頭刪)、splice方法(指定位置刪或者修改) 36 37 --> 38 <script> 39 //splice方法 修改數組 40 41 //1、splice從數組中刪除元素 42 // let arr=[1,2,3,4,5]; 43 // let delete_arr=arr.splice(1,2);//從1號位置刪2個 44 // console.log(delete_arr);// [2, 3] 45 // console.log(arr);// [1, 4, 5] 46 47 //start為負數,負數表示從倒數的第幾個開始 48 // let arr=[1,2,3,4,5]; 49 // let delete_arr=arr.splice(-3,2);//從1號位置刪2個 50 // console.log(delete_arr);// [3, 4] 51 // console.log(arr);// [1, 2, 5] 52 53 //2、splice向數組中添加元素 54 // let arr=[1,2,3,4,5]; 55 // let delete_arr=arr.splice(0,0,7,8);//在第0號位置添加7和8 56 // console.log(delete_arr);// [] 57 // console.log(arr);// [7, 8, 1, 2, 3, 4, 5] 58 59 //start為負數,負數表示從倒數的第幾個開始 60 // let arr=[1,2,3,4,5]; 61 // let delete_arr=arr.splice(-2,0,7,8);//在倒數第二個位置添加7和8 62 // console.log(delete_arr);// [] 63 // console.log(arr);// [1, 2, 3, 7, 8, 4, 5] 64 65 //3、splice修改數組,既刪除,又添加 66 // let arr=[1,2,3,4,5]; 67 // let delete_arr=arr.splice(1,2,7,8);//在第1號位置刪除兩個,然后添加7和8 68 // console.log(delete_arr);// [2, 3] 69 // console.log(arr);// [1, 7, 8, 4, 5] 70 71 //刪除數據的個數和添加數組的個數不一樣 72 // let arr=[1,2,3,4,5]; 73 // let delete_arr=arr.splice(1,1,7,8,9);//在第1號位置刪除1個,然后添加7和8和9 74 // console.log(delete_arr);// [2] 75 // console.log(arr);// [1, 7, 8, 9, 3, 4, 5] 76 77 </script> 78 </body> 79 </html>
