前后端开发中常用到的JSON基础操作

61 阅读1分钟

JSON对象

前言:

  1. 我们在工作中经常使用到的就是json对象。
  2. json对象在我们前后端交互中有很大的作用。
  3. 在前后端交互中,后端一般会向前端传送JSON格式的数据,前端接收数据并处理。因此学习认识json对象,有利于我们应对开发中前后端交互的问题。

JSONObject对象:

语法格式:{"key1":"value1","key2":"value2"}

json对象是以键值对存放的。

从后端收取到json对象后,前端需要转换成JSON字符串

JSONArray对象:

语法格式:[{"key1":"value1","key2":"value2"},{"keyA":"valueA","keyB":"valueB"}]

JSONArray对象中存储的是JSONObject对象。

//将JSON对象转化为JSON字符串,JOSN对象为{"key1":"value1","key2":"value2"}
let version1 = JSON.parse(JSON对象);
//对JSON字符串进行操作
version1.key1  --值为:value1 
//对后端传来的对象进行数据加工
version1.key1 = 'AA'

//前端发送JSON对象给后端,使用JSON.stringify将JSON字符串转换为JSON对象
let versionName = "xxx";
let orgData = "xxx";
let version2 = {name:versionName, orgData:orgData};
JSON.stringify(version2);


//将JSON对象转换为JSON字符串,JSON对象为
//[{"key1":"value1","key2":"value2"},{"keyA":"valueA","keyB":"valueB"}]
let versionList = JSON.parse(JSON对象);
//对JSONArray类型的数据进行操作
versionList[0] --值为:{"key1":"value1","key2":"value2"}
versionList[0].key1 --值为:value1
//赋值操作
versionList[0].key1 = 'AA'
//向versionList中增加对象
let version = {keya:valuea,keyb:valueb};
versionList.push(version);
//删除操作
versionList.splice(key1,value1);