温馨提示×

JavaScript数组怎么创建使用

发布时间:2022-08-16 17:55:06 来源:亿速云 阅读:54 作者:iii 栏目:开发技术

这篇文章主要介绍“JavaScript数组怎么创建使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript数组怎么创建使用”文章能帮助大家解决问题。

一、数组的创建

第一种:

var 数组名 = new Array();创建一个空数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			var arr=new Array();
			console.log(arr)//以日志形式打印到浏览器控制台
		</script>
	</head>
	<body>
	</body>
</html>

JavaScript数组怎么创建使用

第二种:

var arr2 = new Array(10);创建一个定长为10的数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			var arr2 = new Array(10);
			arr2[0]="h";
			arr2[9]="l"
			console.log(arr2)
		</script>
	</head>
	<body>
	</body>
</html>

JavaScript数组怎么创建使用

第三种

var arr3 = new Array(a,b,c);创建时直接指定元素值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			var arr3 = new Array("hello","world","JavaScript",10,true)
			console.log(arr3)
		</script>
	</head>
	<body>
	</body>
</html>

JavaScript数组怎么创建使用

第四种

var arr4 = ["hello","world","Flyme awei"];相当于第三种的简写

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			var arr4 = ["hello","world","Flyme awei"]
			console.log(arr4)
		</script>
	</head>
	<body>
	</body>
</html>

JavaScript数组怎么创建使用

二、数组的元素和长度

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var arr = [1,2,3,4,5];
			console.log(arr);
			console.log(arr[0]);
			console.log(arr.length)
		</script>
	</head>
	<body>
	</body>
</html>

控制台

JavaScript数组怎么创建使用

1.通过修改length属性来改变数组长度的。

JavaScript数组怎么创建使用

JavaScript数组怎么创建使用

2.通过索引改变数组长度。

JavaScript数组怎么创建使用

JavaScript数组怎么创建使用

三、数组的遍历

1.普通for循环遍历数组

!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			var arr = [0,1,2,3,4,5,6,7,8,9];
			for(var i=0;i<=arr.length;i++){
				console.log(i)
			}
		</script>
	</head>
	<body>
	</body>
</html>

JavaScript数组怎么创建使用

2.for each遍历数组

js中的for each写法:for( var i in 数组)i不是元素,是索引

JavaScript数组怎么创建使用

JavaScript数组怎么创建使用

四、数组的常用方法

1.查询元素索引

2.合并两个数组

3.合并多个数组

4.合并字符串

5.删除数组最后一个元素

6.在数组结尾添加元素

7.反转数组

8.删除数组第一个元素

9.向第一个位置添加元素

10.截取子数组

11.删除数组中的某些元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var arr = [0,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 childer = hege.concat(stale);
			console.log(childer);
			//合并三个数组
			var family = hege.concat(stale,childer);
			console.log(family);
			//合并字符串
			var fruits = ["Banana","Orange","Apple"];
			var fs = fruits.join();
			console.log(fs);
			//删除数组的最后一个元素
			fruits.pop();
			console.log(fruits);
			//在数组结尾增加元素
			fruits.push("Grape");
			console.log(fruits);
			//翻转数组
			fruits.reverse();
			console.log(fruits);
			//删除数组第一个元素
			var ss = fruits.shift();
			console.log(fruits);
			console.log(ss);
			//向第一个位置添加元素
			fruits.unshift("Per");
			console.log(fruits);
			//截取子数组;
			//从三开始,到六结束
			fruits.slice(3,6);
			console.log(fruits);
			//删除数组中某些元素
			//从2开始,删除5个
			numbers = [1,2,3,4,5,6,7,8,9]
			numbers.splice(2,5);
			console.log(numbers);	
			//如果第二个元素是0,那么就变成在指定索引位置添加元素
			numbers.splice(2,0,100);
			console.log(numbers);
	</script>
	</head>
	<body>
	</body>
</html>

JavaScript数组怎么创建使用

关于“JavaScript数组怎么创建使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:关于numpy数组轴的使用详解

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

主题地图