zoukankan      html  css  js  c++  java
  • js学习笔记12----json数据格式,语法,遍历

    1.json数据格式:var json={}

      示例一:

    var user = {'name':'sese','age':'24','sex':'女'}
    console.log(user.age); //结果返回‘24’
    console.log(user['age']);//调用方法2

      示例二:

    var imgDate = {
        imgUrl:['1.png','2.png','3.png','4.png'],
        imgTitle:['第一张图','第二张图','第三张图','第四张图']
    }
    console.log(imgDate.imgUrl[0]); //结果返回‘1.png’
    2.改写json数据:先获取值再赋值

      示例:

    var user = {'name':'sese','age':'24'}
    user.name='丁小三';//也可以用user['name']='丁小三'来赋值
    console.log(user['name']); //结果返回'丁小三'
    3.数组里面包含json格式的写法:

      示例:

    var userArr = [{'name':'sese','age':'24'},{'name':'didi','age':'27'},{'name':'JJ','age':'32'}];
    console.log(userArr[0].name); //结果返回‘sese’    
    console.log(userArr[0]['name']); //结果返回‘sese’    
    4.json遍历:for-in

      示例1:

    var user = {'name':'sese','age':'24','sex':'女'}
    for(var attr in user){
        console.log(attr);//依次输出'name','age','sex',即键名
        console.log(user[attr]);//依次输出'sese','24','女',即键值
    }    

      示例2:json里面遍历数组

    var imgDate = {
        'imgUrl':['1.png','2.png'],
        'imgTitle':['第一张图','第二张图']
    }
    for(var attr in imgDate){
        for(var i=0;i<imgDate[attr].length;i++){
            console.log(imgDate[attr][i]);//依次输出'1.png','2.png','第一张图','第二张图'
        }
    }
    5.for-in 与 for循环

    json不具有长度的属性,所以for循环不适应于json

    但是for-in同样适应于数组。

    var arr=['a','b','c']
    for(var i in arr){
        console.log(arr[i]);//依次输出'a','b','c'
    }
    6.一个小应用,查看浏览器window的属性:
    var str="";
    var num=0;
    for(var attr in window){
        str += num + '.' + attr + ':' + window[attr] + '<br>';
        num++;
    }
    document.write(str);
  • 相关阅读:
    [Effective JavaScript 笔记]第54条:将undefined看做“没有值”
    [Effective JavaScript 笔记]第53条:保持一致的约定
    UDP打洞原理介绍
    Uboot启动分析之Start.S
    MMU
    linux_shell
    SSH2配置
    线程同步
    C#线程基础
    客户端服务器通讯常用的一种方法——Marshal类
  • 原文地址:https://www.cnblogs.com/sese/p/6393574.html
Copyright © 2011-2022 走看看