js遍历数组、对象、json

举报
小傅哥 发表于 2021/04/26 00:58:38 2021/04/26
【摘要】 <html> <head> <title>json</title><script language="javascript" type="text/javascript"> window.onload = function(){ //遍历数组 $("blsz").onclick = function(){ $("tta").value = ""; //定义数组 var sz...

      <html>
      <head>
      <title>json</title>
      <script language="javascript" type="text/javascript">
      window.onload = function(){
      //遍历数组
       $("blsz").onclick = function(){
       $("tta").value = "";
      //定义数组
      var sz = ["吃饭","睡觉","打豆豆"]
      //for in遍历(也可以用普通for遍历)
      for(ind in sz){
       $("tta").value += sz[ind]+" ";
       }
       }
      // 遍历对象
       $("bldx").onclick = function(){
      //清空
       $("tta").value = "";
      /*定义对象*/
      var obj = {"name":"程咬金","age":"45"};
      /*遍历数组*/
      for(ind in obj){
       $("tta").value += obj[ind]+" ";
       }
       }
      // 遍历数组对象
       $("blszdx").onclick = function(){
       $("tta").value = "";
      /*定义数组对象*/
      var szobj = [{"name":"tom","age":"24"},{"name":"marry","age":"19"}];
      /*遍历*/
      for(ind in szobj){
       $("tta").value += szobj[ind].name+"--->"+szobj[ind].age+"\r\n";
       }
       }
       }
      function $(uid){
      return document.getElementById(uid);
       }
      </script>
      </head>
      <body>
      <input type="button" value="数组遍历" id="blsz"/>|
      <input type="button" value="对象遍历" id="bldx"/>|
      <input type="button" value="数组对象遍历" id="blszdx"/><br/>
      <div id="divtext"></div>
      <textarea id="tta" style="font-size=20px; width:200px; height=100px;"></textarea>
      </body>
      </html>
  
 

文章来源: bugstack.blog.csdn.net,作者:小傅哥,版权归原作者所有,如需转载,请联系作者。

原文链接:bugstack.blog.csdn.net/article/details/7887376

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。