Js 怎么遍历json对象所有key及根据动态key获取值

最新推荐文章于 2024-07-24 12:26:21 发布

原创最新推荐文章于 2024-07-24 12:26:21 发布 · 10w+ 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#json #button #function #测试 #blog

Js 专栏收录该内容

30 篇文章

订阅专栏

本文介绍如何在JavaScript中遍历JSON对象的所有键，并通过动态键名获取值。包括基本遍历方法和使用prompt获取键名的示例。

对于json对像，怎么遍历json对象的所有key，在使用json对象时，如果无法知道key，怎么通过key变量来获取值？请参阅下面的关键代码：

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
	<script type="text/javascript">
		var smsTypeDesc = {"4":"回访短信","3":"邮件短信","aa":"测试短信"};
		function EnumaKey(){
			for(var key in smsTypeDesc){
				alert(key);
			}
		}
		function GetVal(){
			var key = prompt("请输入要查询的key","4");
                        if("undefined"==typeof(smsTypeDesc)) return;
			if("undefined"==typeof(smsTypeDesc[key])){
				alert("输入的key:"+key+"， 在json对象中不存在！");
				return;
			}	
			alert("您输入的key是："+key + "，该key所对应的值是："+smsTypeDesc[key]);
		}
		function GetValByKey(){
			alert(smsTypeDesc.aa);
		}
	</script>
</head>
<body>
	Json对象：<br/>
	<pre>
		var smsTypeDesc = {"4":"回访短信","3":"邮件短信","aa":"测试短信"};
	</pre>
	<input type="button" onclick="EnumaKey();" value="遍历smsTypeDesc所有key"/>
	<input type="button" onclick="GetVal();" value="获取smsTypeDesc动态指定key的值"/>
	<input type="button" onclick="GetValByKey();" value="获取smsTypeDesc key aa 所对应的值"/>
</body>
</html>

通过上面的代码，可以看出很简单。根据动态key，主要是通过[] 访问，对于知道key的通过.访问

对于json格式字符串的解析，也可以参考以前的blog：js怎么解析json格式字符串