JavaScript基础 json 实例

JSON 是用于存储和传输数据的格式。
JSON 通常用于服务端向网页传递数据 。

<p>
姓名: <span id="jname"></span><br /> 
网址: <span id="jurl"></span><br /> 
网站 slogan: <span id="jslogan"></span><br /> 
</p>
<script>
var JSONObject= {
    "name":"阿里",
    "url":"www.ali.com", 
    "slogan":"学的不仅是技术，更是梦想！"
};
document.getElementById("jname").innerHTML=JSONObject.name 
document.getElementById("jurl").innerHTML=JSONObject.url 
document.getElementById("jslogan").innerHTML=JSONObject.slogan 
</script>

"name":"阿里", 用来交互时，在其他语言里，对象的属性必须加双引号;
属性名 属性值
最后一个属性完一定不要加 ， 不然一些浏览器解析出来会出错；

JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。

var obj = {
        name : '阿里',
        age  : '18',
        job  : '前端工程师',
        sex  : '1'   //注意：不要加 ， 不然一些浏览器解析出来会出错
}

也可以用一个变量来代替值

var a = “178cm”  //如果要交互 这里""一定要写
var obj = {
        name : '阿里',
        age  : '18',
        job  : '前端工程师',
        sex  : '1',
        height : a       //如果要跟后台交互 前端会先把a的值调用过来再传输
}

注意：{}里的属性名不能用 变量名 来操作
var b = "name";
var obj = {
        b : '阿里', //这里不能这样操作，{}里对象属性没有一个能代替
        age  : 18, //这里可以直接写数字，这种写法在js是允许的
        job  : '前端工程师', //这里一定要""， man 也要加" "不然就变成变量了
        sex  : '1',
        height : a       
}

如果一定要用b来代替
obj[b] = "阿里";

取值

var obj = {
        name : '阿里',
        age  : '18',
        job  : '前端工程师',
        sex  : '1'，   
        0 ： "我是数字属性名" //可以用数量来做属性名
}
如果要取name属性
console.log( obj.name );
打印出 阿里
console.log( obj.0 ); 会报错  obj.0会读成 . 小数 所以会报错  要用[]
console.lgo( obj["0"] ); 注意

如果出现2个name

var obj = {
        name : '阿里',
        age  : '18',
        job  : '前端工程师',
        sex  : '1'，   
        0 ： "我是数字属性名" ,   //可以用数量来做属性名
        name : '阿飞'
}
上面会name会被下面的覆盖掉

修改值

obj.name = '阿狗';
console.log( obj );

image.png

增加 键/值 对

obj.width = ' 885';
obj.8 = 666 //这里会报错
obj["8"] = 666

image.png

删除

delete obj["8"];
delete obj["0"];

0属性就没了

全部要删除

obj = {};
把里面的属性全部置空

第二种方法

 for(var x in obj){
            delete obj[x];
        }
 console.log( obj );

image.png

注意：对象是没有长度

JSON.parse()将对象类型的字符串转化成对象

var str = '{  "age":20, "name":"小兔子" }';
var obj = {};
现在要拿到age的值
console.log(str.age)  ===>打印出 undefined  现在是str对象下age属性
        obj = JSON.parse( str ); ===>变成对象
        console.log( obj.age ); ===>读取到20

JSON.stringify()将对象转化成字符串

将上面的obj转化成字符串
        str2 = JSON.stringify( obj );
        console.log( str2 );  ==>{"age":20,"name":"小兔子"}

image.png