html-json

weixin_45390091

已于 2022-03-17 18:32:12 修改

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： json 前端

于 2022-03-17 18:13:20 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45390091/article/details/123557057

本文介绍了JSON的基本概念，强调其独立于JavaScript且常用于数据存储和网络传输。详细讲解了JSON的结构，包括如何访问属性以及对象与字符串之间的转换方法。此外，还提到了JSON作为纯数据格式的特点，如属性必须用双引号括起。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JSON

1.概念

虽然它是基于 JavaScript 语法，但它独立于JavaScript，一个 JSON 对象可以被储存在它自己的文件中，这基本上就是一个文本文件，扩展名为 .json，还有 MIME type 用于 application/json.

2.作用

作为对象：用于解读 JSON 中的数据

作为字符串：用于通过网络传输 JSON 数据

3.结构

{
  "squadName" : "Super hero squad",
  "homeTown" : "Metro City",
  "formed" : 2016,
  "secretBase" : "Super tower",
  "active" : true,
  "members" : [
    {
      "name" : "Molecule Man",
      "age" : 29,
      "secretIdentity" : "Dan Jukes",
      "powers" : [
        "Radiation resistance",
        "Turning tiny",
        "Radiation blast"
      ]
    },
    {
      "name" : "Madame Uppercut",
      "age" : 39,
      "secretIdentity" : "Jane Wilson",
      "powers" : [
        "Million tonne punch",
        "Damage resistance",
        "Superhuman reflexes"
      ]
    },
    {
      "name" : "Eternal Flame",
      "age" : 1000000,
      "secretIdentity" : "Unknown",
      "powers" : [
        "Immortality",
        "Heat Immunity",
        "Inferno",
        "Teleportation",
        "Interdimensional travel"
      ]
    }
  ]
}

4.使用

1.访问属性

superHeroes.hometown
superHeroes["active"]

2.对象和字符串之间的转换

parse(): 以文本字符串形式接受JSON对象作为参数，并返回相应的对象。
stringify(): 接收一个对象作为参数，返回一个对应的JSON字符串。

var myJSON = { "name" : "Chris", "age" : "38" };
myJSON
var myString = JSON.stringify(myJSON);
myString

特点

JSON 是一种纯数据格式，它只包含属性，没有方法。
JSON要求在字符串和属性名称周围使用双引号。单引号无效。
与 JavaScript 代码中对象属性可以不加引号不同，JSON 中只有带引号的字符串可以用作属性。