JavaScript中的json对象

json对象

json对象在JavaScript中是一个重要的数据类型，json对象中可以嵌套各种类型的数据及函数方法等，通过key值来找到对应的value值。下来给大家分享下我对json对象的一些了解。

json对象结构

var json = {
			title:'这是一个标题',
        	content:'这是一个内容'
        	}

json对象使用{}，每一项使用逗号隔开。title为设置的key，'这是一个标题’为value，使用冒号隔开，如果key和value相同，可以省略冒号及后面的value。如：

var title = '这是一个标题';
var json = {
			title,
        	content:'这是一个内容'
        	}

json对象调用数据

比如我想获取下列的 ‘这是一个标题’，使用json.title即可，当key值为数字时，使用json.1会报错，所以我们选用json[1]来获取。

var json = {
			title:'这是一个标题',
        	content:'这是一个内容',
        	1:'这是一个数字key的value'
        	}
        	console.log(json.title); //在控制台得到“这是一个标题”
        	console.log(json[1]);//在控制台得到'这是一个数字key的value'

多层json对象调用数据

多层json调用数据需要从外到里一层一层找，json对象除了特殊的key都可以使用json.key来找到下的value，数组则通过arr[n]来找第n项。通常后台传回来的数据是很多层嵌套的。

    var json = {
        title: '这是一个标题',
        content:'这是一个内容',
        arrData:['a','b','c','d'],
        json2:{a:1,b:2},
        1:'这是一个数字key的value'
    };
    console.log(json.arrData[0]); //找到json下的arrData的第一项的value
    console.log(json.json2.a)     //找到json下的json2下的key为a的value

新增丶修改及删除对象的属性

    var json = {
        title: '这是一个标题',
        content:'这是一个内容'
    };

    json.title = '这是一个新的标题';     //修改json下title属性
    json.data = '这是一个新属性的value'; //新增data属性
    delete json.content;                   //删除json的content属性

    console.log(json);

从json中调用函数

函数的调用直接使用json.fn()，也可以传参。fn2是省略写法，在学习vue的时候可能会经常看到。

    var json = {
        fn1:function () {
            console.log('您执行了json对象中的fn1函数')
        },
        fn2(message){
            console.log(message)
        }
    };
json.fn1();
json.fn2('hello world')

遍历json对象

拷贝继承

    //通过for in 遍历，拷贝json的数据到json2
    var json = {
        title: '这是一个标题',
        content:'这是一个内容',
        aaa:'1111111',
        bbb:'2222222'
    };
    var json2 = {};
    
    for(attr in json){            //attr为key的变量，如：第一次为title，第二次为content，...
        json2[attr] = json[attr]
    }
    
    console.log(json2);   
    console.log(json == json2) //false

json对象和数组有些相似，数组可以通过序号找到value值，json通过key找到value值，但数组中的元素是有序的，json对象遍历对不同浏览器来说，遍历的顺序可能不一样。json常用来存放不同类的数据，数组用来存放同类的数据。