zoukankan      html  css  js  c++  java
  • JSON学习笔记-4

    JSON 数组

    1.访问数组

    1.一次访问一个嵌套内容值
    var
    myObj, x; myObj = { "name":"网站", "num":3, "sites":[ "Google", "Runoob", "Taobao" ] } x = myObj.sites[0]; document.getElementById("demo").innerHTML = x;
    输出内容:
    Google


    2.改进:遍历嵌套内容值

       var myObj, x;
       myObj = {
       "name":"网站",
        "num":3,
        "sites":[ "Google", "Runoob", "Taobao" ]
        }

        x = myObj.sites[0];

        for(x in myObj.sites){
        document.getElementById("demo").innerHTML += myObj.sites[x]+ "<br>";

      }

    输出内容:
    Google
    Runoob
    Taobao



    2.嵌套JSON对象中的数组

    
    <p>循环内嵌数组:</p>
    
    <p id="demo"></p>
    
    <script>
    
    var myObj, i, j, x = "";
    myObj = {
        "name":"网站",
        "num":3,
        "sites": [
            { "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },
            { "name":"Runoob", "info":[ "我是一个菜鸟", "菜鸟的工具", "菜鸟的微信" ] },
            { "name":"Taobao", "info":[ "淘宝", "京东" ] }
        ]
    }
    
    for (i in myObj.sites) {
        x += "<h1>" + myObj.sites[i].name + "</h1>";
        for (j in myObj.sites[i].info) {
            x += myObj.sites[i].info[j] + "<br>";
        }
    }
    
    document.getElementById("demo").innerHTML = x;
    
    

    注:<br> 是换行的作用

    3.修改数组值,删除数组元素和前面一样

  • 相关阅读:
    input光标位置
    清除浮动
    CSS的两种盒模型
    网页中常用的命名
    清除inline-block元素默认间距
    自定义复选框样式及全选操作
    如何用elementui去实现图片上传和表单提交,用axios的post方法
    datatables
    9273:PKU2506Tiling
    666:放苹果
  • 原文地址:https://www.cnblogs.com/RichardWG/p/9606754.html
Copyright © 2011-2022 走看看