The splice() function in JavaScript
Directly upload code and screenshots
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javaScript中Array(数组)的splice函数</title>
<script type="text/javascript">
var names = ['韦小宝', '令狐冲', '张无忌', '杨过', '段誉'];
console.log(names);
console.log("*************************");
//数组中添加新元素
names.splice(2, 0, '乔峰', '虚竹', '郭靖');
console.log(names);
console.log("*************************");
names.splice(3, 2, '穆念慈', '黄药师', '周伯通');
console.log(names);
console.log("*************************");
var names2 = ['小龙女', '任盈盈'];
names.splice(4, 0, names2);
console.log(names);
console.log("*************************");
var fruits = ['苹果', '香蕉', '葡萄', '赣南脐橙', '枣子', '西瓜'];
console.log(fruits);
//如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。
//删除2个，返回删除掉的这2个元素(是以数组的形式返回)
console.log(fruits.splice(4, 2));
console.log(fruits);
//删除0个，返回空数组
console.log(fruits.splice(1, 0));
console.log(fruits);
//删除从下标1开始到原数组结尾的元素
console.log(fruits.splice(1));
console.log(fruits);
//splice()方法向/从数组中添加/删除元素，然后返回被删除的元素(是以数组的形式返回)
//splice()函数返回的是包含被删除元素的新数组
//splice()方法会改变原始数组
//数组的splice()函数的返回值是刚才被你删除的元素的数组(即返回的是含有刚才被你删除的元素的数组)
//数组的splice()函数返回的是含有被删除的元素的数组
var citys = ['于都县', '兴国县', '赣县', '会昌县', '上犹县', '信丰县'];
console.log(citys);
//从下标1开始删除元素，并且删除3个元素，所以兴国县、赣县、会昌县这3个元素删除了
console.log(citys.splice(1, 3));//Array(3) [ "兴国县", "赣县", "会昌县" ]
console.log(citys);//Array(3) [ "于都县", "上犹县", "信丰县" ]
console.log("*************************");
var roleNames = ['郭靖', '黄蓉', '穆念慈', '杨康', '洪七公', '黄药师'];
console.log(roleNames);//Array(6) [ "郭靖", "黄蓉", "穆念慈", "杨康", "洪七公", "黄药师" ]
//从数组下标为2的位置开始，删除3个元素，并在下标为2的位置上添加新元素
roleNames.splice(2, 3, '欧阳峰');
console.log(roleNames);//Array(4) [ "郭靖", "黄蓉", "欧阳峰", "黄药师" ]
console.log("*************************");
//
var roles = ["张无忌", "周芷若", "赵敏", "小昭", "殷素素", "张翠山"];
console.log(roles);
//从下标为3的位置开始删除,并且删除2个元素
roles.splice(3,2);
console.log(roles);
//使用负数可从数组结尾处规定位置
roles.splice(-2,0,'谢逊');
console.log(roles);//Array(5) [ "张无忌", "周芷若", "谢逊", "赵敏", "张翠山" ]
</script>
</head>
<body>
<h2>javaScript中Array(数组)的splice函数</h2>
</body>
</html>The results of the operation are as follows:
