js中JSON的使用

简介: 介绍JSON的基本概念和在JavaScript中的使用方式,包括JSON格式的语法规则、使用`JSON.stringify()`和`JSON.parse()`方法进行对象与字符串的转换,以及处理JSON数组数据。

什么是JSON?

JSON(JavaScript Object Notation, JS对象简谱)是一种轻量级的数据交换格式。
JSON 是用于存储和传输数据的格式。
JSON 通常用于服务端向网页传递数据 。

在javascript中,一切皆是对象。
JSON语法规则:

  • 对象都用 大括号 { }
  • 数组都用 中括号 [ ]
  • 所有的数据,都使用键值对的形式 key:value ,并且以逗号分隔。

js中JSON对象的使用

JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串。
JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象。

"use strict"
 var xiaoming = {
   
     name: '小明',
     birth: 2001,
     age: 21
 };
 var jsonStr = JSON.stringify(xiaoming);//将javascript对象转换为json字符串
 console.log(jsonStr);// {"name":"小明","birth":2001,"age":21}
 var text = '{"name":"张三","birth":1980,"sex":"男"}';
 var 张三 = JSON.parse(text);//将json字符串转换为javascript对象
 console.log(张三);

在这里插入图片描述
将json数组转换为js对象

//json数组
 "students" : [' +
  '{ "name":"lisi" , "uid":"2020040411" },' +
  '{ "name":"san" , "uid":"2020040412" },' +
  '{
    "name":"su" , "uid":"2020040413" } ]
 "use strict"
 var jsonTxt  = '{ "students" : [' +
     '{ "name":"lisi" , "uid":"2020040411" },' +
     '{ "name":"san" , "uid":"2020040412" },' +
     '{ "name":"su" , "uid":"2020040413" } ]}';

 console.log(JSON.parse(jsonTxt));

在这里插入图片描述

相关文章
|
4月前
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
1月前
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
38 4
|
2月前
|
存储 JSON JavaScript
JavaScript JSON
【10月更文挑战第7天】JSON 是 JavaScript 中非常重要的一个数据格式,它为数据的表示和传输提供了一种简单而有效的方式。掌握 JSON 的使用方法和特点,对于开发高质量的 JavaScript 应用具有重要意义。
|
2月前
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象?
js如何格式化一个JSON对象?
111 3
|
3月前
|
XML JSON JavaScript
js的json格式
js的json格式
|
3月前
|
存储 JSON JavaScript
JavaScript JSON
JavaScript JSON
39 5
|
4月前
|
移动开发 JavaScript 前端开发
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
这篇文章介绍了在UniApp H5项目中处理跨域问题的两种方法:通过修改manifest.json文件配置h5设置,或在项目根目录创建vue.config.js文件进行代理配置,并提供了具体的配置代码示例。
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
|
2月前
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
40 0
|
4月前
|
JSON JavaScript 前端开发
JavaScript JSON
JavaScript JSON
|
4月前
|
存储 JSON JavaScript
js之JSON
js之JSON
34 0