zoukankan      html  css  js  c++  java
  • 如何利用JavaScript遍历JSON数组

    1、设计源码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>利用JavaScript遍历JSON数组</title>
    <script type="text/javascript">
         function traJsonArray()
    	 {
    		 var jsonArray = [{"id":"100","name":"zhangsan","age":"23","sex":"man"},{"id":"101","name":"lisi","age":"21","sex":"woman"},{"id":"102","name":"wangwu","age":"22","sex":"man"}];
    		 var inputText = "";
    		 for(var json in jsonArray)
    		 {
    			 for(var key in jsonArray[json])
    			 {
    				inputText += jsonArray[json][key]+","; 
    			 }
    		 }
    		 
    		 document.getElementById("areaText").innerText = inputText;
    	 }
    </script>
    </head>
    
    <body>
       <div>
          <input type="button" id="btn" οnclick="traJsonArray()" value="利用JavaScript遍历JSON数组"/>
          <textarea id="areaText" cols="80" rows="30"></textarea>
       </div>
    </body>
    </html>
    

    2、设计结果


  • 相关阅读:
    BZOJ2738 矩阵乘法
    BZOJ3585 mex
    BZOJ1930 [Shoi2003]pacman 吃豆豆
    BZOJ3858 Number Transformation
    vue2.0学习小列子
    vue2.0 tab切换几种方式
    github学习
    只有自己看的懂的vue 二叉树的3级联动
    vuex学习
    vue2.0 MintUI安装和基本使用
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13314595.html
Copyright © 2011-2022 走看看