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

最新推荐文章于 2025-02-12 11:41:16 发布

转载最新推荐文章于 2025-02-12 11:41:16 发布 · 882 阅读

24 篇文章

订阅专栏

21 篇文章

订阅专栏

本文通过一个具体的HTML页面示例，介绍了如何使用JavaScript操作对象，包括遍历对象的所有键、动态获取指定键的值以及直接获取预设键的值。这些操作对于理解和使用JavaScript进行网页开发非常有用。

<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>