JavaScript splice() 方法
JavaScript中splice()函數
直接上代碼和截圖
<!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>
運作結果如下：
