当前位置: 首页 > news >正文

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

什么是JSON?

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

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

类似于:

国际通用语言 - 英语

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

json 在 js 中提供了两种方法

  • JSON.parse()-将 JSON 数据转换为对象或数组
  • JSON.stringify()-将对象或数组转换为 JSON 数据
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 数据包裹,以示为字符。

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 中。更方便我们对数据的管理。

http://www.lryc.cn/news/499903.html

相关文章:

  • Minecraft-Datapack数据包开发3-进度与成就
  • 泷羽sec-shell编程(3)
  • 如何解决压测过程中JMeter堆内存溢出问题
  • 爬虫项目基础知识详解
  • uniapp 微信小程序webview 和 h5数据通信
  • SSM01-MyBatis框架(一文学会MyBatis)
  • 【PlantUML系列】状态图(六)
  • JS中重排和重绘的区别是什么?
  • 工业—使用Flink处理Kafka中的数据_ProduceRecord2
  • C 库中的断言与 FreeRTOS 中的 trace 宏
  • JAVAWeb中的Servlet学习
  • docker安装ddns-go(外网连接局域网)
  • 时间复杂度度详解
  • 如何处理和优化大文件上传和下载
  • QT 线程锁
  • 光猫开DMZ教程
  • 分区之间的一种度量方法-覆盖度量(Covering Metric)
  • cocos creator接入字节跳动抖音小游戏JSAPI敏感词检测(进行文字输入,但输入敏感词后没有替换为*号)
  • 13.Java IO 流(文件流、字符流、字符处理流、字节处理流、对象处理流、标准流、转换流、打印流、Properties 配置文件、其他流)
  • 掌握 DOM 操作:让你的网页动起来
  • JVM整理部分面试题
  • ubuntu20 使用 pyspacemouse获取 spacemouse wireless 输入
  • windows下Qt5自动编译配置QtMqtt环境(11)
  • 速盾:高防cdn有哪些冷知识?
  • 全面UI组件库Telerik 2024 Q4全新发布——官方宣布支持.NET 9
  • 电脑投屏到电脑:Windows,macOS及Linux系统可以相互投屏!
  • 12.6深度学习_模型优化和迁移_模型移植
  • Grid++Report:自定义模板设计(自由表格使用),详细教程
  • [Collection与数据结构] 位图与布隆过滤器
  • idea中新建一个空项目