JS數組常用方法---10、splice方法


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>

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM