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
    评论
专栏目录
JavaScript遍历数组
小游
12-01 76
本文档为个人博客文档系统的备份版本、作者：小游、作者博客：点击访问 for语句 var arr = [1,2,4,6] for(var i = 0, len = arr.length; i < len; i++){ console.log(arr[i]) } foreach语句 var arr = [1,5,8,9] arr.forEach(function(item) { console.log(item); }) for-in语句 var obj = { name:.
javascript二维数组遍历
鸭子退步踩死鹅
02-18 2839
script type="text/javascript" id="main"> $(function () { var resideprovince = "$resideprovince;?>"; var residecity = "$residecity;?>"; var cityid = ""; var citiesid
Javascript中二维数组的遍历
04-26
Javascript中二维数组的遍历，上次碰到的时候有点迷惑，找了很多资料，最后整理的精华
利用js遍历二维数组使用三种方式
weixin_47195969的博客
12-26 2160
【代码】利用js遍历二维数组使用三种方式。
JavaScript的数组（一维数组、二维数组、数组常用的方法调用）
最新发布
分享式获得也是一种学习的态度
06-12 943
定义的语法有三种方式如下先声明对象在填充值。
【JavaScript】数组和二维数组
早睡早起长头发的博客
12-07 2894
一、数组 1. 概念 2. 创建数组 2.1 使用'[]'创建 2.2 使用 'new Array'创建 3. 数组的属性 4.数组元素的访问 5.示例 6.for...in循环 7. for...of循环 8. forEach循环 二、二维数组 1. 概念 2. 二维数组的创建 2.1使用'[]' 2.2使用'new Array' 3. 二维数组元素的访问 4. 例题
04.JS-数组
陈同学的博客
09-22 203
这篇文章是我自己在学习js过程中做的笔记，如果有错误或者遗漏的请评论告诉我。希望大家一起学习！ 笔记内容主要有:数组的定义、数组元素的操作、二位数组的遍历 1.数组：一组数据有序排列的一个集合                          数组的索引值从0开始                               数组长度 --- 数组名.length                ...
java遍历二维数组_javascript js如何遍历二维数组呢？
weixin_29074295的博客
02-19 1965
摘要:下文讲述js遍历二维数组的方法分享，如下所示:实现思路:使用两个for循环对数组进行遍历求和例:求班级成绩的平均分maomao365.com js 求班级的平均分/*定义一个二维数组存储学生成绩*/var arrayList=[['猫猫',98],['毛毛',89],['成成',96],['小小',88],['狗狗',68],['狗蛋',78],['王八',92],['365',79],['...
二维数组遍历输出
weixin_50762469的博客
09-13 1389
二维数组遍历输出
使用vue中的v-for遍历二维数组的方法
08-27
本篇文章将详细介绍如何在Vue中利用`v-for`遍历二维数组。 首先，我们要了解二维数组的基本概念。二维数组可以看作是由多个一维数组组成的数组，每个一维数组之间是并列关系。在JavaScript中，我们可以这样定义一个...
JavaScript实现一维数组转化为二维数组
09-20
在JavaScript中，将一维数组转换为二维数组是一项常见的操作，特别是在处理表格数据或者矩阵运算时。这个过程通常涉及到数组的分割和重组。以下是一个详细的解释和示例，展示如何实现这个功能。 首先，我们需要理解...
js 二维数组 遍历
04-12
js 二维数组 遍历 轻松实现实现 二维数组输出 包含高级for循环
在javascript中，如果删除二维数组中重复的元素
10-30
使用for循环可以逐一遍历二维数组中的每个元素，并将其与其他元素进行比较，以确定是否存在重复的元素。如果发现重复的元素，我们可以将其删除。 以下是一个简单的示例代码： ```javascript var fruit = [ ["苹果...
java实现二维数组转json的方法示例
10-19
这是通过创建一个`StringBuffer`对象`sb`，然后遍历二维数组，将每个子数组转换为JSON对象格式，最后组合成一个JSON数组。以下是代码详解： 1. 首先定义了一个二维字符串数组`blogList`，包含了多条博客信息。 2. ...
js数组遍历方法及应用，看这篇就够了
@LiuStrong
03-25 1067
开发中处理数组常用到的遍历方法，超详细。
多维数组的遍历（javascript）
weixin_45952811的博客
04-24 4862
多维数组遍历（javascript） 首先先搞懂什么是二维的数组，二维数组就是在数组当中里在嵌套一个数组，这就是二维数组，然后这二位的基础上做嵌套数组，变成三维数组，往复循环。多维数组～ var arr = [1,2,3,4,5] //大家都知道这是一维数组 然后我在一维数组里,在添加数组 var arr = [1,2,3,4,[1,2,3,4]] 这就是二维数组,在原有的一维数组中在嵌套数组，就是二维数组。 当一个二维数组的基础上在增加一位数组，就变成了三维数组 var arr = [1,2,3,[4,5
JS 数组（遍历 二维数组）
weixin_30239339的博客
04-23 4047
<script> // var arr =Array(); // arr[0] = 'aaa'; // arr[1] = 'bbb'; // arr[6] = 333; // arr.push('11111'); // arr.forEach(function(v,k){ // alert(v); // });...
splice删除数组中的指定的某些元素
LLL_liuhui的博客
09-10 4068
splice删除我们常见的是如下，我们要删除addr数组中，包含属性a为空的元素 for(let i=0;i<==arrd.length-1;i++){ if(addr[i].a==''){ addr.splice(i, 1) } } 但是这样是不能删除数组中所有a属性为空的数组的，因为splice会改变原数组，会导致i的变化，所以我们可以使i一直等于数组的长度-1 for(let i<=arrd.length-1;i>=0;i--){ if(addr[i].a==''
foreach之遍历二维数组
qq_37120435的博客
05-28 1794
假设遍历Object类型的二维数组。第一个遍历类型需要写成数组类型for(Object[] obj:ls){ for(Object objs:obj) { } }
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、付费专栏及课程。

余额充值