【JavaScript】15数组的常用方法

最新推荐文章于 2024-09-21 09:29:16 发布

ET浩安

最新推荐文章于 2024-09-21 09:29:16 发布

阅读量174

点赞数

分类专栏：学习文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_51032231/article/details/125365402

版权

学习专栏收录该内容

28 篇文章 0 订阅

订阅专栏

15数组的常用方法

一、代码

<!--JS学习网站：https://www.runoob.com/js/js-obj-array.html-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			var arr=[1,2,3,4,5,6,7,8,9];
			var index = arr.indexOf(7); //查询元素索引的方法
			console.log(index)
			
			// 合并两个数组
			var hege = ["Cecilie","Lone"];
			var stale = ["Email","Tobias","Linus"];
			var children = hege.concat(stale);
			console.log(children)
			
			// 合并三个数组
			var parents = ["Jani", "Tove"];
			var brothers = ["Stale", "Kai Jim", "Borge"];
			var children = ["Cecilie", "Lone"];
			var family = parents.concat(brothers, children);
			console.log(family)
			
			// 合并字符串
			var fruits = ["Banana", "Orange", "Apple", "Mango"];
			var fs = document.getElementById("demo");
			fs = fruits.join();
			console.log(fs)
			
			//移除最后一个元素
			var fruit = fruits.pop()
			console.log(fruits) //打印出移除掉最后一个元素之后的fruits数组
			console.log(fruit) //打印出最后一个元素
			
			//想给结尾增加元素
			fruits.push("Grape");
			console.log(fruits)
			
			//反转数组 -reverse()
			fruits.reverse();
			console.log(fruits)
			
			//删除数组的第一个元素 -shift()
			var ss = fruits.shift();
			console.log(fruits)
			console.log(ss)
			
			//向第一个位置添加元素 -unshift()
			fruits.unshift("小苹果");
			console.log(fruits)
			
			//截取子数组 从哪个索引开始，到哪个索引结束 包头不包尾 -slice()
			
			var citrus = fruits.slice(1,3);
			console.log(citrus)
			
			var numbers = [1,2,3,4,5,6,7,8,9]
			/*
			 * 删除数组中的某些元素
			 * 2 从哪个索引开始删除
			 * 3 删除多少个元素
			 */
			/*numbers.splice(2,3)
			console.log(numbers)
			*/
			/*
			 * 如果第二个参数是0 那么就变成了在制定索引位置增加元素
			 */
			numbers.splice(2,0,100);
			console.log(numbers)
		</script>
	</head>
	<body>
	</body>
</html>