前端开发--JavaScript--数组

最新推荐文章于 2025-02-20 00:03:42 发布

原创最新推荐文章于 2025-02-20 00:03:42 发布 · 133 阅读

0 ·

CC 4.0 BY-SA版权

html +css +javascript 专栏收录该内容

43 篇文章

订阅专栏

本文深入讲解了JavaScript中数组的各种操作方法，包括实例化数组、获取数组长度、成员数据的读取与修改，以及如何使用push、pop、unshift、shift等方法进行元素的增删。此外，还介绍了数组的反转、查找元素索引、插入删除元素和转换为字符串的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
		
		// 通过类实例化来创建数组
		var aList01 = new Array(1,2,3);

		//  通过直接量的方式创建数组
		var aList02 = [1,2,3];
		
		//  获取数组长度
		alert(aList01.length);  //  弹出3

		//  获取数组中的某个成员数据
		alert(aList01[0]);  //  弹出1

		// 通过push方法  在数组的后面添加成员
		aList01.push('a');  //  弹出1,2,3,a

		// 通过pop方法  在数组的后面删除一个成员
		aList01.pop();  //  弹出1,2,3

		// 通过unshift方法  从数组的前面增加一个成员
		aList01.unshift('b');  //  弹出b,1,2,3

		// 通过shift方法  从数组的前面删除一个成员
		aList01.shift();  //  弹出1,2,3

		// reverse（） 将数组反转
		aList01.reverse();  //  弹出3,2,1

		// indexof（） 返回数组中元素第一次出现的索引值
		alert(aList02.indexof(1));  //  弹出0

		// splice() 在数组中增加或者删除成员
		var aList03 = ['a','b','c','d','a','b']
		aList03.splice(1,0,'e');  //  意思是  从第一个开始，删除0个元素，并且添加元素e。
		alert(aList03);  //  弹出a,e,b,c,d,a,b

		// join() 将数组成员通过一个分隔符合并成字符串。
		 var aList04 = [1,2,3,4,5];
		 alert(aList04.join('-'));  //  弹出1-2-3-4-5


	</script>
</head>
<body  id='body01'>
	
</body>
</html>

在这里插入图片描述