前端基础的讲解-JS(22)

什么是JSON?

1.json 是一种轻量级的数据交换格式

简单来说:json 就是一种在各个编程语言中流通的数据格式,负责不同编程语言中的数据传递和交互。

类似于:

国际通用语言 - 英语

中国 56 个民族不同地区的通用语言 - 普通话

json 在 js 中提供了两种方法

  • JSON.parse()-将 JSON 数据转换为对象或数组
  • JSON.stringify()-将对象或数组转换为 JSON 数据
javascript 复制代码
let  data  =  {name:'张三',age:18};
 console.log(data);  //  对象
let  str  =  JSON.stringify(data); 
console.log(str);  //  json 数据
let  obj  =  JSON.parse(str) 
console.log(obj);  //  对象

JSON 数据的格式:

{"name":" 张三","age":19} "张三","李四","王五","赵六"

以上是两种最简单的 json,样式与对象和数组的语法基本相同。

JSON 数据注意事项:

  1. json 是一种纯字符数据,不属于任何编程语言。
  2. json 的数据可以用花括号 {} 或中括号 \[\] 包裹,对应 js 中的 object 和 array。
  3. json 中键值对的键,必须用双引号""包裹,单引号都不行。
  4. json 中键值对的值,不允许出现 function、undefined、NaN,但可以有 null。
  5. json 数据结束后,不允许出现没有意义的符号,如:{"name":"张三","age":18 , },注意数据结尾部分 18 后面的逗号,不允许出现。

如果直接写在 js 文件中,需要以单引号将 JSON 数据包裹,以示为字符。

javascript 复制代码
let  data  =  '{"name":"张三","age":18}';
 console.log(data);  //  json 数据
let  obj  =  JSON.parse(data) ;
console.log(obj);  //  js 对象

不过 json 数据一般都存放在 json 文件中,可以在项目的 js 文件夹下创建一个 xxx.json 文件

json 除了作为不同编程语言之间通用数据格式以外,还可以将我们的数据转为 json 格式存储到 localStorage、sessionStorage 或 cookie 中。更方便我们对数据的管理。

相关推荐
华无丽言4 分钟前
如何在宜搭中实现获取子表中的字段值赋值到父表中?
前端·javascript·低代码
IT_陈寒33 分钟前
Vue的computed属性竟然坑了我一把
前端·人工智能·后端
威斯软科的老司机39 分钟前
通俗讲解 CNN 图像识别、向量 Embedding、Softmax 概率计算这三块的简化原理
前端·人工智能·ui·数字孪生
泯泷2 小时前
手搓JSVM第 12 篇:完整最小 JSVM 实现与源码设计复盘
前端·javascript·前端框架
默_笙2 小时前
🍔 给 AI 发一张结构化表格(下):从"自由发挥"到"按格填空"的输出驯服指南
前端·javascript
泯泷2 小时前
手搓JSVM第 11 篇:打包、模块与 CLI:把 VM 产物变成可运行文件
前端·javascript·前端框架
泯泷2 小时前
手搓JSVM第 10 篇:对象、数组与属性访问
前端·javascript·前端框架
泯泷2 小时前
手搓JSVM第 9 篇:闭包:函数如何记住外部变量
前端·javascript·前端框架
晴天162 小时前
前端 SSR、BFF 原理介绍
前端·javascript·网络·html
全栈技术负责人3 小时前
AI 效能工具建设:Agent 可观测性技能技术方案与实践
前端·ai·ai编程