老莫的笔记本  
  
查看: 1039|回复: 0

在不知道json key 的情况下 javascript中如何获取json对象的第n...

[复制链接]

664

主题

880

帖子

5155

积分

超级版主

Rank: 8Rank: 8

积分
5155
发表于 2019-10-24 14:15:34 | 显示全部楼层 |阅读模式

  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title></title>
  6.         </head>
  7.         <body>
  8.                 <input type="button"  id="btn01" value="测试" />
  9.                 <div id="box">
  10.                        
  11.                 </div>
  12.         </body>
  13. </html>
  14. <script type="text/javascript">

  15.        
  16. //所有的形状
  17. let shapes=        {   
  18.         heng:"我是横",
  19.         //方块:
  20.         square:"我是方块",
  21.         //z状
  22.         z:"我是z",
  23.         //L状
  24.         l:"我是l"                       
  25. };

  26. window.onload = function(){
  27.         document.getElementById("btn01").onclick = function(){
  28.                 //1、获取所有的键组成的字符串数组:
  29.                 let keys = Object.keys(shapes);
  30.                 //2、随机获取一个合法的下标
  31.                 let index = parseInt(Math.random()*keys.length);
  32.                 //3、显示键的名字和键对应的值
  33.                 document.getElementById("box").innerHTML=keys[index]+":"+shapes[keys[index]];
  34.         };
  35. }


  36. </script>
  37. ————————————————
  38. 版权声明:本文为CSDN博主「田江」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
  39. 原文链接:https://blog.csdn.net/jiang7701037/article/details/82885823
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表