JavaScript-数组-CSDN博客

本文链接：https://blog.csdn.net/weixin_50727921/article/details/115426591

本文通过一系列示例展示了JavaScript中常见的数组操作，包括遍历、求和与平均值、查找最大值、转换为字符串、筛选特定值、删除指定元素及翻转数组。这些基本操作对于理解和掌握JavaScript数组处理至关重要。

摘要由CSDN通过智能技术生成

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			var arr=['星期一','星期二','星期三','星期四','星期五','星期六','星期日'];
			console.log(arr[6]);
		</script>
	</body>
</html>

在这里插入图片描述

遍历数组

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			// 数组长度 数组名.length
			var arr=['关羽','张飞','马超','赵云','黄忠','刘备','姜熊'];
			for(var i=0;i<arr.length;i++){
				console.log(arr[i]);
			}
			// 1.数组的长度是元素个数 不要跟索引号混淆
			// 2.arr.length 动态检测数组元素的个数
		</script>
	</body>
</html>

在这里插入图片描述

在这里插入图片描述计算数组的和以及平均值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			var arr=[2,6,1,7,4];
			var sum=0;
			var average=0;
			for(var i=0;i<arr.length;i++){
				sum=sum+arr[i];//我们加的数组元素arr[i] 不是计数器i
			}
			var average=sum/arr.length;
			alert('数组[2,6,1,7,4]里面所有元素的和为'+sum+',\n平均值为'+average);
		</script>
	</body>
</html>

在这里插入图片描述求数组中的最大值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			var arr=[2,6,1,77,52,25,7,99];
			var max=arr[0];
			for(var i=0;i<arr.length;i++){
				if(arr[i]>=max){
					max=arr[i];
				}
			}
		alert('该数组里面的最大值是'+max);
		</script>
	</body>
</html>

在这里插入图片描述数组转换为字符串

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			var arr=['red','green','blue','pink'];
			var str='';
			for(var i=0;i<arr.length;i++){
				str=str+arr[i]+'|';
			}
			alert(str);
		</script>
	</body>
</html>

在这里插入图片描述

在这里插入图片描述数组存放1-10个值

在这里插入图片描述筛选数组

在这里插入图片描述筛选数组方法（1）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			var arr=[2,0,6,1,77,0,52,0,25,7];
			var newArr=[];
			var j=0;
			for(var i=0;i<arr.length;i++){
				if(arr[i]>=10){
					// 新数组索引号应该从0开始 依次递增
					newArr[j]=arr[i];
					j++;
				}
			}
			alert(newArr);
		</script>
	</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			var arr=[2,0,6,1,77,0,52,0,25,7];
			var newArr=[];
			// 刚开始newArr.length就是0
		for(var i=0;i<arr.length;i++){
			if(arr[i]>=10){
				// 新数组索引号应该从0开始 依次递增
				newArr[newArr.length]=arr[i];
			}
		}
		alert(newArr);
		</script>
	</body>
</html>

在这里插入图片描述删除数组指定元素（数组去重）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			var arr=[2,0,6,1,77,0,52,0,25,7];
			var newArr=[];
			// 刚开始newArr.length就是0
		for(var i=0;i<arr.length;i++){
			if(arr[i]!==0){
				// 新数组索引号应该从0开始 依次递增
				newArr[newArr.length]=arr[i];
			}
		}
		alert(newArr);
		</script>
	</body>
</html>

在这里插入图片描述翻转数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			var arr=['red','green','blue','pink','purple'];
			var newArr=[];
			for(var i=arr.length-1;i>=0;i--){
				newArr[newArr.length]=arr[i];
			}
			alert(newArr);
		</script>
	</body>
</html>

在这里插入图片描述