首页 > web前端 > 前端问答 > es6怎么将json字符串转为对象

es6怎么将json字符串转为对象

青灯夜游
发布: 2022-10-17 16:32:41
原创
1792 人浏览过

转换步骤:1、利用JSON.parse()方法来将json字符串转为数组,语法“JSON.parse(json字符串)”;2、利用扩展运算符“...”将数组元素将数组元素一个个取出,并存入一个空对象“{}”中即可,语法“{...数组对象}”。

es6怎么将json字符串转为对象

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

JSON

  • JSON是一种特殊的字符串格式,本质是一个字符串

  • 像对象和数组,里面的key和value如果是字符串格式,都用双引号包裹(必须是双引号)

例:

var jsonStr = '{ "name": "cxh", "sex": "man" }';
登录后复制

1.png

es6将json字符串转为对象的方法

在es6中,可以借助数组,利用JSON.parse()方法和扩展运算符“...”来将json字符串转为对象。

转换步骤:

步骤1、利用JSON.parse()方法来将json字符串转为数组

JSON.parse() 方法将数据转换为 JavaScript 对象

var jsonStr = '[1,2,3,{"a":1}]';
var arr=JSON.parse(jsonStr);
console.log(arr);
登录后复制

2.png

步骤2:利用扩展运算符“...”将数组转为对象

扩展运算符“...”可以将数组展开,将数组元素一个个取出,然后存入一个空对象“{}”中即可。

const obj = {...arr} ;
console.log(obj);
登录后复制

3.png

【相关推荐:javascript视频教程编程视频

以上是es6怎么将json字符串转为对象的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板