前端JSON常用方法

236 阅读1分钟

1.什么是JSON格式

JSON: JavaScript Object Notation(JavaScript 对象标记法)。

JSON可以描述三种格式(无法描述undefined,Date对象)

  1. Object对象

    无序的“‘名称/值’对”集合。一个对象以 {左括号 开始, }右括号 结束。每个“名称”后跟一个 :冒号 ;“‘名称/值’ 对”之间使用 ,逗号 分隔。

    比如:{},{"name":"张三"},{"name":"张三","age":"30"}都可以

    必须用“ ”,‘ ’不行,官网规定的!!!

image.png

  1. Array数组

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

    比如:[],[1],[1,"2",null,true]都可以

    必须用“ ”,‘ ’不行,官网规定的!!!

image.png

  1. Value值

    值(value)可以是双引号括起来的字符串(string)、数值(number)、truefalse、 null、对象(object)或者数组(array)。这些结构可以嵌套。

    比如:(包含了上面的1和2的所有内容),true,null,1,"1"

image.png

String还可以再细分,如下:

image.png

2.为什么用JSON

JSON 格式仅仅是文本,它能够轻松地在服务器浏览器之间传输,并用作任何编程语言的数据格式。

3.常用方法

JavaScript 提供內建函数把以 JSON 格式写的字符串转换为原生 JavaScript 对象
JSON.parse(text[, reviver])可以将效的 JSON 字符串转化为JS对象或数组
JSON.stringfly(value[, replacer[, space]])可以将JavaScript 值转换为 JSON 字符串。

比如:{name:"张三","age":"30"}这种不规范的可以转化成规范的JSON格式

 let myJson=JSON.parse(JSON.stringify({name:"张三","age":"30"}));
 console.log(myJson);
 // age: "30"
 // name: "张三"

参考连接:

W3SCHOOL:www.w3school.com.cn/js/js_json_…

JSON官网:www.json.org/json-zh.htm…

知乎:zhuanlan.zhihu.com/p/22627657