JS基础_数组的方法补充slice和splice

最新推荐文章于 2024-10-20 12:22:02 发布

转载最新推荐文章于 2024-10-20 12:22:02 发布 · 183 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/qq_45783660/article/details/116747279

JavaScript教程专栏收录该内容

127 篇文章

订阅专栏

本文深入讲解JavaScript中数组的slice()和splice()方法的使用技巧，包括如何通过slice()方法提取数组元素而不修改原数组，以及如何利用splice()方法在修改原数组的同时插入或删除元素。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
			
			/*
			 * slice()
			 * 	- 可以用来从数组提取指定元素
			 * 	- 该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回
			 * 	- 参数：
			 * 		1.截取开始的位置的索引,包含开始索引
			 * 		2.截取结束的位置的索引,不包含结束索引
			 * 			- 第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
			 * 		- 索引可以传递一个负值，如果传递一个负值，则从后往前计算
			 * 			-1 倒数第一个
			 * 			-2 倒数第二个
			 */
			
			var result = arr.slice(1,4);  //效果一样：result = arr.slice(1);
			
			result = arr.slice(3); //第二个参数可以省略不写
			
			result = arr.slice(1,-2); //"猪八戒","沙和尚"
			
			//console.log(result);
			

			/*
			 * splice()
			 * 	- 可以用于删除数组中的指定元素
			 * 	- 使用splice()会影响到原数组，会将指定元素从原数组中删除
			 * 		并将被删除的元素作为返回值返回
			 * 	- 参数：
			 * 		第一个，表示开始位置的索引
			 * 		第二个，表示删除的数量
			 * 		第三个及以后。。
			 * 			可以传递一些新的元素，这些元素将会自动插入到开始位置索引前边
			 * 	
			 */
			
			arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
			//var result = arr.splice(0,1);//删孙悟空
			var result = arr.splice(3,0,"牛魔王","铁扇公主","红孩儿");
			
			console.log(arr);  //"孙悟空","猪八戒","沙和尚","牛魔王","铁扇公主","红孩儿","唐僧","白骨精"
			//console.log(result);
			
			
		</script>
	</head>
	<body>
	</body>
</html>