JavaScript数组的添加，指定选定元素，删除指定元素并添加新的元素的方法

以你之姓@ 2021-12-14 04:41 362阅读 0赞

1：首先还是需要先创建一个实例数组：  
var arr = new Array()  
arr\[0\] = “George”  
arr\[1\] = “John”  
arr\[2\] = “Thomas”  
2：接下来我们就是看一个向数组的末尾添加一个或者多个元素，并且返回新的长度的方法，这个方法叫push（）；比如我现在需要添加两个新的元素，并且需要获取新增了的数组的长度，那么我就：  
document.write(arr + “  
”);  
document.write(arr.push(“James”,“Jour”) + “  
”);  
document.write(arr);  
在页面上看看效果：  
![在这里插入图片描述][20190708080140622.png]

从上图可以看到：第一条为最初的数组，三个数值；第二条为添加了新的元素以后的数组的长度，第三条为新增了元素以后的数组值，五个数值；这个的话就完成了我所需要的功能了；  
3：如果我需要从已知的数组中获取到指定的元素再进行一系列的操作呢，那么这时候又需要一个新的方法了，它就是slice（）；slice有两个参数，第一个就是从何处（索引）开始选取，第二个就是从何处（索引）结算选取，然后返回中间的值，它并不会改变数组的长度；就以刚刚新增了元素的数组为例，我需要从索引为2（也就是第三个元素）的位置开始新增，然后到索引为4（也就是第五个元素）的位置结速，那么：  
document.write(arr + “  
”);  
document.write(arr.slice(2,4) + “  
”);  
我先输出两个参数，一个是新增后的数组，一个是返回的选定元素，来看看效果  
页面输出效果截图：  
![在这里插入图片描述][20190708080147365.png]

上图中，第一条很明显就是数组值了，第二个就是我返回的选定元素，不信的话可以数一数位置就明白了；  
4：splice（）；跟上面那个方法看着很是相似，但是作用肯定不是一样的 ，它的作用是：向数组中选定的指定位置添加或者删除或者修改元素，这个的功能还是很棒帮的；比如我现在需要在第二个元素后面添加一个新的元素，那么我该怎么做呢：  
arr.splice(2,0,“William”);  
document.write(arr + “  
”);  
splice的的第一个参数就是指定索引位置，第二个元素就是需要删除的数量，第三个参数就是添加新的元素，那么，现在来看看页面的输出  
页面输出效果截图：  
![在这里插入图片描述][20190708080153213.png]  
从图中可以看出是添加成功了的，再来试一下删除，比如我需要把第4个元素“Thomas”给解决掉，那么：  
arr.splice(3,1);  
document.write(arr + “  
”);  
强调：这里的3代表索引位置，而不是你数数的位置，再来看看页面输出  
页面输出效果截图：  
![在这里插入图片描述][2019070808020065.png]  
图中显示是删除成功了的，“Thomas”已经被解决掉了！修改的话也很简单，就是指定需要删除的那个元素，把它删掉以后再添加一个新的元素，这样就完成了修改的操作，就比如我修改第一个元素，把它变成“one”，那么：  
arr.splice(0,1,“one”);  
document.write(arr + “  
”);  
这样就完成了，效果肯定是可想而知的，页面上肯定无非就是：“one,John,Wiliam,James,Jour”

[20190708080140622.png]: /images/20211213/3c8982ae9c304089bb87781476bf1b16.png
[20190708080147365.png]: /images/20211213/55d93c927f5f4eb38d7f1dea13df6984.png
[20190708080153213.png]: /images/20211213/94944f71c43049658ed5f18076ebba9e.png
[2019070808020065.png]: /images/20211213/fa2f842f084a4132877f5c3e397dc889.png