JavaScript遍历二维数组

最新推荐文章于 2024-06-12 19:54:30 发布
最新推荐文章于 2024-06-12 19:54:30 发布
阅读量2.1w 收藏 7
点赞数 1
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37995109/article/details/85330422
版权 
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
</style>
<script>
/*var arr=[
	[1,2,3],
	[4,5,6],
	[7,8,9]
];
alert(arr[1][2]);
for(var i=0;i<arr.length;i++)
{	//拿到的是[1,2,3],[4,5,6]
	  arr[i][0];
	  arr[i][1];
	  arr[i][2];
	for(var j=0;j<arr[i].length;j++){
		//拿到1,2,3,4,5,6,7,8,9
		alert(arr[i][j]);
	}
}*/
window.onload=function(){
	var oUl=document.getElementById('list');
	var aUl=oUl.getElementsByTagName('ul');
	var aLi=null;
	for(var i=0;i<aUl.length;i++){
		aLi=aUl[i].getElementsByTagName('li');
		for(var j=0;j<aLi.length;j++){
			aLi[j].style.border='1px solid red';
		}
	}
};
</script>
</head> 

<body>
	<ul id="list">
		<li>
			<h2>我的好友</h2>
			<ul>
				<li>莫涛</li>
				<li>张森 </li>
				<li>杜鹏 </li>
			</ul>
		</li>
		<li>
			<h2>我的坏友</h2>
			<ul>
				<li>莫小涛</li>
				<li>张小森 </li>
			</ul>
		</li>
		<li>
			<h2>我的黑名单</h2>
			<ul>
				<li>魔掌</li>
			</ul>
		</li>
	</ul>
</body>
</html>

 

Lvdon9
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java遍历二维数组取最大值_JS中取二维数组中最大值的方法汇总
weixin_39923945的博客
02-28 1418
在JavaScript中可以通过内置的 Math.max() 的最大值，但是要从多重数组中取出最大值，还是有一定的难度。问题描述假设你有一个数组，而且这个数组中包含了数字的子数组，而我们要做的是从数组中的每个子数组中返回其最大的那个最大数。基本解决方案function largestOfFour(arr) {var results = []; // 创建一个results变量来存储// 创建一个外...
Javascript中二维数组的遍历
04-26
Javascript中二维数组的遍历，上次碰到的时候有点迷惑，找了很多资料，最后整理的精华
JavaScript的数组（一维数组、二维数组、数组常用的方法调用）
分享式获得也是一种学习的态度
06-12 948
定义的语法有三种方式如下先声明对象在填充值。
java遍历二维数组_javascript js如何遍历二维数组呢？
weixin_29074295的博客
02-19 1966
摘要:下文讲述js遍历二维数组的方法分享，如下所示:实现思路:使用两个for循环对数组进行遍历求和例:求班级成绩的平均分maomao365.com js 求班级的平均分/*定义一个二维数组存储学生成绩*/var arrayList=[['猫猫',98],['毛毛',89],['成成',96],['小小',88],['狗狗',68],['狗蛋',78],['王八',92],['365',79],['...
【遍历二维数组】
weixin_44125071的博客
08-07 911
遍历二维数组
Javascript for遍历二维数组并根据条件（if）选择
qq_55512803的博客
08-17 414
Javascript for遍历二维数组并根据条件（if）选择。
利用js遍历二维数组使用三种方式
weixin_47195969的博客
12-26 2164
【代码】利用js遍历二维数组使用三种方式。
用增强for循环遍历二维数组
weixin_60449059的博客
11-21 1366
package Demo05_ErWeiShuZu; //用增强for循环来遍历二维数组 public class Test02 { //采用语法糖打印二维数组的某一行的长度 public static void main(String[] args) { int[][]arrs={ {1,3,5,7,9},//a[0] {2,4,6,8,10},//a[1] {2,3}//a[.
Java Script 遍历二维数组
Cici的博客
06-13 148
<script> vararr=[[0,0,0,0,0,0],[0,0,1,0,0,0],[0,2,0,3,0,0],[0,0,0,0,0,0]]; for(vari=0;i<arr.length;i++){ //遍历每一个具体的值 for(varj=0;j<arr[i].length;j++){ document.writeln(arr[i]...
js横竖倾斜遍历二维数组
jsjs_js的博客
11-06 911
js遍历任意形状二维数组，我完全是找规律用大量循环完成遍历，这里的二维数组指完整矩形，不包含内部子数组长度不一致情况。 定义二维数组 ,数组中子数组长度设为x，外面大数组长度为y let arr = [ [1, 2, 3, 4, 5, 6, 7, 8, 9], [1, 2, 3, 4, 5, 6, 7, 8, 9], [1, 2, 3, 4, 5, 6, 7, 8, 9], [1, 2, 3, 4, 5,
使用vue中的v-for遍历二维数组的方法
08-27
本篇文章将详细介绍如何在Vue中利用`v-for`遍历二维数组。 首先，我们要了解二维数组的基本概念。二维数组可以看作是由多个一维数组组成的数组，每个一维数组之间是并列关系。在JavaScript中，我们可以这样定义一个...
JavaScript实现一维数组转化为二维数组
09-20
在JavaScript中，将一维数组转换为二维数组是一项常见的操作，特别是在处理表格数据或者矩阵运算时。这个过程通常涉及到数组的分割和重组。以下是一个详细的解释和示例，展示如何实现这个功能。 首先，我们需要理解...
在javascript中，如果删除二维数组中重复的元素
10-30
使用for循环可以逐一遍历二维数组中的每个元素，并将其与其他元素进行比较，以确定是否存在重复的元素。如果发现重复的元素，我们可以将其删除。 以下是一个简单的示例代码： ```javascript var fruit = [ ["苹果...
java实现二维数组转json的方法示例
10-19
这是通过创建一个`StringBuffer`对象`sb`，然后遍历二维数组，将每个子数组转换为JSON对象格式，最后组合成一个JSON数组。以下是代码详解： 1. 首先定义了一个二维字符串数组`blogList`，包含了多条博客信息。 2. ...
遍历二维数组
weixin_60449059的博客
11-21 340
package Demo05_ErWeiShuZu; //遍历二维数组 public class Test01 { public static void main(String[] args) { //打印二维数组某一行的长度 int[][]a={ {1,3,5,7,9},//a[0] {2,4,6,8,10},//a[1] {2,3}//a[2] };.
智慧校园音视频系统整体解决方案-1PPT(24页).pptx
07-28
智慧校园整体解决方案是响应国家教育信息化政策，结合教育改革和技术创新的产物。该方案以物联网、大数据、人工智能和移动互联技术为基础，旨在打造一个安全、高效、互动且环保的教育环境。方案强调从数字化校园向智慧校园的转变，通过自动数据采集、智能分析和按需服务，实现校园业务的智能化管理。 方案的总体设计原则包括应用至上、分层设计和互联互通，确保系统能够满足不同用户角色的需求，并实现数据和资源的整合与共享。框架设计涵盖了校园安全、管理、教学、环境等多个方面，构建了一个全面的校园应用生态系统。这包括智慧安全系统、校园身份识别、智能排课及选课系统、智慧学习系统、精品录播教室方案等，以支持个性化学习和教学评估。 建设内容突出了智慧安全和智慧管理的重要性。智慧安全管理通过分布式录播系统和紧急预案一键启动功能，增强校园安全预警和事件响应能力。智慧管理系统则利用物联网技术，实现人员和设备的智能管理，提高校园运营效率。 智慧教学部分，方案提供了智慧学习系统和精品录播教室方案，支持专业级学习硬件和智能化网络管理，促进个性化学习和教学资源的高效利用。同时，教学质量评估中心和资源应用平台的建设，旨在提升教学评估的科学性和教育资源的共享性。 智慧环境建设则侧重于基于物联网的设备管理，通过智慧教室管理系统实现教室环境的智能控制和能效管理，打造绿色、节能的校园环境。电子班牌和校园信息发布系统的建设，将作为智慧校园的核心和入口，提供教务、一卡通、图书馆等系统的集成信息。 总体而言，智慧校园整体解决方案通过集成先进技术，不仅提升了校园的信息化水平，而且优化了教学和管理流程，为学生、教师和家长提供了更加便捷、个性化的教育体验。
基于Springboot和Vue的铁路订票管理系统源码 铁路订票管理系统代码（高分优秀毕业设计）
07-28
铁路订票管理系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
四足机器人 (2).pdf
最新发布
07-28
四足机器人 (2)
js遍历二维数组的方法
05-31
在 JavaScript 中，遍历二维数组的方法有很多种。我这里介绍几种常见的方法。 1. 双重循环 最常见的方法是使用双重循环，外层循环遍历行，内层循环遍历列，代码如下： ``` var arr = [[1,2,3],[4,5,6],[7,8,9]]; for(var i = 0; i < arr.length; i++) { for(var j = 0; j < arr[i].length; j++) { console.log(arr[i][j]); } } ``` 2. forEach() 方法 使用数组的 forEach() 方法也可以遍历二维数组，代码如下： ``` var arr = [[1,2,3],[4,5,6],[7,8,9]]; arr.forEach(function(item) { item.forEach(function(ele) { console.log(ele); }); }); ``` 3. map() 方法 使用数组的 map() 方法也可以遍历二维数组，代码如下： ``` var arr = [[1,2,3],[4,5,6],[7,8,9]]; arr.map(function(item) { item.map(function(ele) { console.log(ele); }); }); ``` 4. reduce() 方法 使用数组的 reduce() 方法也可以遍历二维数组，代码如下： ``` var arr = [[1,2,3],[4,5,6],[7,8,9]]; arr.reduce(function(prev, cur) { return prev.concat(cur); }).forEach(function(ele) { console.log(ele); }); ``` 以上几种方法都可以遍历二维数组，具体使用哪种方法取决于实际需求和个人喜好。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值