数组的操作方式--多维数组

前端-文龙刚

已于 2022-12-15 09:22:45 修改

阅读量75

点赞数

分类专栏： Javascript 文章标签： css 前端 css3

于 2022-12-09 10:22:09 首次发布

本文链接：https://blog.csdn.net/qq_17211063/article/details/128248470

版权

Javascript 专栏收录该内容

84 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>多维数组</title>
	<style type="text/css">
		*{padding:0;margin:0;}
		span{margin:20px;padding:5px 15px;background-color:#c20007;color:#fff;border-radius:4px;cursor:pointer;}
	</style>
</head>
<body>
	<span id="arr1">数据1</span>
	<span id="arr2">数据2</span>
	<span id="arr3">数据3</span>
</body>
</html>
<script type="text/javascript" src="../jquery-2.1.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		var arr1=[
			[1,2,3,4,5,6,7,8,9],
			['a','b','c','d','e','f','g','h','i'],
			[
				{'name':'文龙刚',sex:'男',age:'18'},
				{'name':'小平',sex:'男',age:'28'},
				{'name':'小媛',sex:'女',age:'26'},
			],
			[
				{title:'菜单'},
				{"nav1":'菜单1'},
				{"nav2":'菜单2'},
				{"nav3":'菜单3'},
				{"nav4":'菜单4'}
				
			]
		]
		
		var arr2 =[
			{
				'title':'新闻',
				'chend':[
					
				]
			}
		]
		
		$('#arr1').click(function(){
			console.log(arr1)
		});
		
		$('#arr2').click(function(){
			console.log(arr1[2])
		});
		
	});
</script>