前后端交互,前端处理JSON数据

JSON对象

前言:

  1. 我们在工作中经常使用到的就是json对象。

  1. json对象在我们前后端交互中有很大的作用。

  1. 在前后端交互中,后端一般会向前端传送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);

  • 3
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值