获取二维数组数据

准备

创建一个二维数组

			var data = {
				"result": [
					[
						"猫粮",
						"70567.9811530351"
					],
					[
						"猫砂",
						"48833.26176196877"
					],
					[
						"猫砂盆",
						"47636.3728605654"
					],
					[
						"猫包",
						"207892.95747749152"
					],
					[
						"猫窝",
						"390218.1491556905"
					],
					[
						"猫碗",
						"63177.78368457693"
					],
					[
						"猫笼",
						"37072.334642319525"
					],
					[
						"猫咪用品",
						"158826.58967691608"
					],
					[
						"猫咪衣服",
						"76630.54043794594"
					],
					[
						"猫抓板",
						"83980.22682021753"
					]
				]
			}

创建ul

<ul></ul>

目的

将二维数组中的文字关键字数据遍历输出到li中

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<script type="text/javascript">
		window.onload=function(){
			var data = {
				"result": [
					[
						"猫粮",
						"70567.9811530351"
					],
					[
						"猫砂",
						"48833.26176196877"
					],
					[
						"猫砂盆",
						"47636.3728605654"
					],
					[
						"猫包",
						"207892.95747749152"
					],
					[
						"猫窝",
						"390218.1491556905"
					],
					[
						"猫碗",
						"63177.78368457693"
					],
					[
						"猫笼",
						"37072.334642319525"
					],
					[
						"猫咪用品",
						"158826.58967691608"
					],
					[
						"猫咪衣服",
						"76630.54043794594"
					],
					[
						"猫抓板",
						"83980.22682021753"
					]
				]
			}
			var ulbox=document.querySelector('ul');
			var liTag="";//创建存储li容器
			for(var i=0;i<data.result.length;i++){
				var temp=data.result[i];//存储行
				var tempSub=temp[0];//存储列值
				liTag+="<li>"+tempSub+"</li>";//存储li容器
			}
			ulbox.innerHTML=liTag;
		}

		</script>
		
	</head>
	<body>
		<ul></ul>
	</body>
</html>
posted @ 2021-10-10 23:37  禾耳  阅读(252)  评论(0)    收藏  举报