JavaScript案例：数组

最新推荐文章于 2022-08-24 18:00:02 发布

不负韶华666

最新推荐文章于 2022-08-24 18:00:02 发布

阅读量316

点赞数 1

分类专栏： JavaScript案例文章标签： javascript

本文链接：https://blog.csdn.net/qq_41611879/article/details/104281050

版权

本文通过六个实例深入探讨JavaScript中的数组操作，包括将数组显示到页面、找数组最大值和特定值下标、实现二进制转换、用对象数组展示商品、数组排序以及生成指定范围的随机数。这些案例覆盖了JavaScript数组处理的基础到高级技巧。

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

1. 数组显示到页面中

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<ul id="ulScore"></ul>
	<script>
		var scoreList = [600,650,700,750];
		
		//1.数组显示到控制台
		for(var i=0; i<scoreList.length; i++){
   
			console.log(scoreList[i]);
		};
		//使用ES6提供的新方法遍历数组
		scoreList.forEach( function(value, index){
   
			console.log('处理数组中的一个元素');
			console.log(value);
			console.log(index);
		});

		//2.数组显示到页面
		var html ='';
		for(var i=0; i<scoreList.length; i++){
   
			html += '<li>' + scoreList[i] + '</li>';
		};
		ulScore.innerHTML = html;

	</script>
</body>
</html>

2. 求数组最大值、特定值所在下标

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<!-- 
	1.创建一个数组表示5个商品的价格；将每个商品的价格调低10%；输出每个商品的价格；
	2.输出所有商品价格中最贵的价格；
	3.输出价格为90元的商品在数组的下标，若不存在则返回-1； 
	-->
	<script>
		//1
		var priceList = [60,70,80,90,2