【javascript编程思维】深入了解JSON到底是什么?该如何去操作JSON字符串?

简介: 【javascript编程思维】深入了解JSON到底是什么?该如何去操作JSON字符串?

深⼊了解JSON到底是什么

JSON是JavaScript Object Notation的缩写,它是⼀种数据交换格式

JSON基于⽂本,优于轻量,⽤于交换数据

JSON主要⽤于前后端交互时数据的传输,JSON简单易⽤,是ECMA的⼀个标准,⼏乎所有的编程语⾔都有解析JSON的库,所以我们可以放⼼⼤胆的在前后端交互⾥直接使⽤JSON

JSON跟XML的⽐较

在可读性上⾯JSON是简易的写法,XML是规范的标签写法形式

使⽤层⾯,由于JSON是我们ECMA的⼀个标准,所以在我们JS上⾯使⽤有着天然的主场优势,对于存储我们JS的各种格式的数据都⽐XML有优势

轻量级是JSON最⼤的优势,在数据交换这⼀块轻量就代表着速度要⽐别⼈快

JSON字符串、JSON对象和数组

JSON的语法规定JSON字符串必须为双引号("")包着⽽不是单引号(’’),同时JSON对象内的键也是必须为双引号("")包着⽽不是单引号(’’)


JSON对象


image.png


image.pngimage.png

image.png

image.png

image.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.png控制台输出如下:

image.png

相关文章
|
11天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
29天前
|
JavaScript 前端开发
JavaScript操作DOM元素
JavaScript操作DOM元素
11 1
|
8天前
|
JavaScript 前端开发 索引
JavaScript中与字符串相关的方法
JavaScript中与字符串相关的方法
|
1天前
|
JavaScript 前端开发
js字符串拼接
js字符串拼接
|
1天前
|
JavaScript 数据处理 索引
js字符串截取
js字符串截取
19 11
|
4天前
|
存储 JavaScript 前端开发
JavaScript DOM 操作:解释一下 cookie、sessionStorage 和 localStorage 的区别。
Cookie是服务器发送至客户端的文本信息,会随每个请求发送回服务器,适合控制会话状态但可能暴露隐私。SessionStorage仅在当前会话中存储数据,关闭浏览器后清除,适合临时存储如登录状态。LocalStorage则持久保存数据,即使关闭浏览器也不会清除,适用于存储长期设置。三种方式各有侧重,应按需求选择。
10 0
|
4天前
|
JavaScript 前端开发 安全
JavaScript DOM 操作:解释一下浏览器的同源策略。
**同源策略**是浏览器安全基石,它阻止脚本跨不同协议、域名或端口访问资源,防止恶意行为。例如,HTTP页面无法直接用JS获取HTTPS页面内容。**CORS**允许跨域请求,但需服务器配合设置,通过`document.domain`属性可配置,但仍受限于服务器配置。
10 4
|
8天前
|
JavaScript
js 字符串String转对象Object
该代码示例展示了如何将一个以逗号分隔的字符串(`'1.2,2,3,4,5'`)转换为对象数组。通过使用`split(',')`分割字符串并`map(parseFloat)`处理每个元素,将字符串转换成浮点数数组,最终得到一个对象数组,其类型为`object`。
|
11天前
|
JavaScript
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
|
12天前
|
JavaScript
JS去除字符串的方法
JS去除字符串的方法