在 JS 中，对于某个由 JSON 对象组成的数组，例如：

var test = [{ "a": "1", "b": "2" } , { "a": "3", "b": "4" } , { "a": "5", "b": "6" } ];

如果我们想要删除其中的第二个json对象，应该怎么做呢？其实方法和操作数组完全相同。

在最开始的时候尝试使用了 delete 运算符，但在查询数组长度的时候发现其实这种方法并不是彻底删除元素，而是删除它的值，但仍会保留空间。

var test = [{
 "a": "1", "b": "2" }
, {
 "a": "3", "b": "4" }
, {
 "a": "5", "b": "6" }
    ];
    
test.length  //输出为 3
delete test[1];

test.length  //输出仍为 3

查询运算符 delete 我们知道它只是将该值置为 undefined，而不会影响数组长度，即将其变为稀疏数组（《JS权威指南》7.5节）。

了解及此，也许想着可以将删除点之后的元素各往前移动1个单位，实现彻底剔除该元素，但在JS方法中我们可以查到一种更加简便的方式：splice() 方法

var test = [{
 "a": "1", "b": "2" }
, {
 "a": "3", "b": "4" }
, {
 "a": "5", "b": "6" }
    ];
    
test.length  //输出为 3
test.splice(1, 1);
    
test.length  //输出为 2

删除后 test.length 变为 2，这正是我们想要的结果。

JavaScript splice() 方法

数组中添加新元素：

!DOCTYPE html>
    
html>
    
head>
    
meta charset="utf-8">
    
title>
    js数组添加元素_脚本之家/title>
    
/head>
    
body>
    

p id="demo">
    点击按钮向数组添加元素。/p>
    
button onclick="myFunction()">
    点我/button>
    
script>

function myFunction(){
    
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
    
	fruits.splice(2,0,"Lemon","Kiwi");
    
	var x=document.getElementById("demo");
    
	x.innerHTML=fruits;

}
    
/script>
    

/body>
    
/html>
    

splice定义和用法

splice() 方法用于添加或删除数组中的元素。

注意：这种方法会改变原始数组。

返回值

如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。

语法

array.splice(index,howmany,item1,.....,itemX)

参数 Values

返回值

更多实例

实例

移除数组的第三个元素，并在数组第三个位置添加新元素:

!DOCTYPE html>
    
html>
    
head>
    
meta charset="utf-8">
    
title>
    脚本之家/title>
    
/head>
    
body>
    

p id="demo">
    点击按钮添加和删除元素。/p>
    
button onclick="myFunction()">
    点我/button>
    
script>

function myFunction(){
    
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
    
	fruits.splice(2,1,"Lemon","Kiwi");
    
	var x=document.getElementById("demo");
    
	x.innerHTML=fruits;

}
    
/script>
    

/body>
    
/html>
    

实例
从第三个位置开始删除数组后的两个元素：

!DOCTYPE html>
    
html>
    
head>
    
meta charset="utf-8">
    
title>
    脚本之家/title>
    
/head>
    
body>
    

p id="demo">
    点击按钮删除数组中的两个元素。/p>
    
button onclick="myFunction()">
    点我/button>
    
script>

function myFunction(){
    
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
    
	fruits.splice(2,2);
    
	var x=document.getElementById("demo");
    
	x.innerHTML=fruits;

}
    
/script>
    
	
/body>
    
/html>
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！