JavaScript对象,JSON对象,JSON字符串之间的相互转化大全{包含三者的具体介绍和定义}

欢迎来到Altaba的博客  2017年12月22日

1、什么是json?

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。

2、json的格式?

    JSON建构于两种结构:

    (1)“名称/值”对的集合  对象

    (2)值的有序列表   数组

    数据以名称/值对的形式保存,名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值,如 :"firstName" : "John"。JSON的值可以是数字、字符串、null

    true、false、数组或对象。

    数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。

3、json文件

    JSON 文件的文件类型是 ".json"

    JSON 文本的 MIME 类型是 "application/json"

4、什么是json字符串?

     json字符串是json对象的string形式,也就是string,但是符合json对象的格式

5、什么是json对象? 指常规称呼

      json对象是对象 ,是json格式的对象 ,什么是json格式啊 就是 键值对, 键可以是字符串也可以数字 ,值可以是字符串 也是可以是数值,还可以是数组,但是有时候json对

      象写成json格式 的对象时, 又跟js的对象的写法非常相似

6、什么是js对象?

     对象是“无序属性的集合,其属性可以包括基本值,对象或者函数”。也就是一组名值对的无序集合。对象的特性(不可直接访问),也就是属性包含两种,数据属性和访问器

    属性

7、json字符串,json对象,js对象之间的相互转化  方法都采取最优方法实现,一些摒弃的不推荐的就不介绍了

     新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 

     String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。

  实例代码如下:欢迎复制使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>


    //1、什么是json?
    /*JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。*/

    //2、json的格式?
    /*JSON建构于两种结构:
    (1)“名称/值”对的集合  对象
    (2)值的有序列表   数组
    数据以名称/值对的形式保存,名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值,如 :"firstName" : "John"。JSON的值可以是数字、字符串、null、true、false、数组或对象。
    数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。*/

    //3、json文件
    /*JSON 文件的文件类型是 ".json"
    JSON 文本的 MIME 类型是 "application/json"
    */

    //4、什么是json字符串?
    /*json字符串是json对象的string形式,也就是string,但是符合json对象的格式*/

    //5、什么是json对象? 指常规称呼
    /*json对象是对象 ,是json格式的对象 ,什么是json格式啊 就是 键值对, 键可以是字符串也可以数字 ,值可以是字符串 也是可以是数值,还可以是数组,但是有时候json对象写成json格式 的对象时, 又跟js的对象的写法非常相似*/

    //6、什么是js对象?
    /*对象是“无序属性的集合,其属性可以包括基本值,对象或者函数”。也就是一组名值对的无序集合。对象的特性(不可直接访问),也就是属性包含两种,数据属性和访问器属性*/

    //7、json字符串,json对象,js对象之间的相互转化  方法都采取最优方法实现,一些摒弃的不推荐的就不介绍了


    //新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。
    //下面是一个自定义的js对象

    var obj = {
        uniqueId: "唯一码",
        name: "腾讯集团",
        logo: "logo",
        anotherName: "游戏大厂",
        email: "774866776@qq.com",
        telephone: null,
        country: "中国",
        province: 2,//城市ID
        city: 3561,//城市id
        address: "地址",
        industry: 0,//"行业"
        subIndustry: 0,//"行业子分类"
        staff: true,
        income: 1000,//年收入
        description: "王阳测试公司",
        website: "王阳测试网站",
        hobby:['吃饭','睡觉','打豆豆'],
        "介绍":{
            aa:8989,
            bb:'bb',
            cc:true
        }
    }

    console.warn('js对象:')
    console.log( obj);

    /*2. 浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器:*/
    obj = JSON.stringify(obj); //将js对象转化为JSON对象
    console.warn('将js对象转化为JSON对象:')
    console.log(obj);

    obj = JSON.stringify(obj); //json对象转换为json字符串
    console.warn('json对象转换为json字符串:')
    console.log(obj);

    obj = JSON.parse(obj); //json字符串转换为json对象
    console.warn('json字符串转换为json对象:')
    console.log(obj);

    obj = JSON.parse(obj); //JSON对象转换为js对象
    console.warn('JSON对象转换为js对象:')
    console.log(obj);

    obj = JSON.stringify(JSON.stringify(obj)); //js对象转换为json字符串  步骤:js对象->json对象->json字符串
    console.warn('js对象转换为json字符串:')
    console.log(obj);

    obj = JSON.parse(JSON.parse(obj)); //json字符串转换为js对象  步骤:son字符串->json对象->js对象
    console.warn('json字符串转换为js对象:')
    console.log(obj);





</script>
</body>
</html>


  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值