JS对象和字符串之间互换操作实例分析
本文实例讲述了JS对象和字符串之间互换操作。分享给大家供大家参考，具体如下：
平时在工作中大家一定也有过这样的需求，就是有时候需要把一个json对象转换为字符串，有时候要把一个类似json对象的字符串转换为json对象，那么今天就来总结一下，js的方法
1. json对象转字符串
这个API很简单就是 JSON.stringify() ，只需要把你要转换的对象写到括号里就行了，下面有一个小demo
let json = {
msg:"json转字符串",
name:"前端林三哥",
skill:"handsome"
}
let str = JSON.stringify(json);
console.log(str);
结果如下：
很简单！
2. 字符串转json对象
有两种情况
① 规范的json转对象
② 不规范的json转对象
举个例子，怎么算规范的json呢，就是任何变量都用双引号
let json2 = '{"msg":"json转字符串","name":"前端林三哥","skill":"handsome"}'
这样，单引号里面全都是双引号，可以用 JSON.parse() 把要转的字符串放入括号里就ok了，小demo
let json2 = '{"msg":"json转字符串","name":"前端林三哥","skill":"handsome"}'
json2 = JSON.parse(json2);
console.log(json2);
结果如下
再有一种不是很规范的json对象，因为我们有时候开发，js是弱类型的语言，也有不规范的时候，比如有些人就喜欢用单引号（有什么办法），比如下面的
let arr = "[{'name': '\u53d6\u6d88\u8ba2\u5355\u91cf', 'type': '1', 'value1': '<', 'value2': '100'}]";
如果我们用 JSON.parse() 的话，让我们来试试
结果如下：
为什么会出现这个结果，因为我们的字符串里面并不是一个规范的json，因为规范的json，全都是用的双引号，而我们都是用的单引号，所以，我们只能用另一种办法 eval('('+ str +')')
让我们来试试
let arr = "[{'name': '\u53d6\u6d88\u8ba2\u5355\u91cf', 'type': '1', 'value1': '<', 'value2': '100'}]";
let obj = eval('('+arr+')');
console.log(obj);
结果如下：
我们发现成功了，好了，今天就写到这里吧，我说了这么多，其实我在记笔记，哈哈！
更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
Cookie 是浏览器访问服务器后，服务器传给浏览器的一段数据。浏览器需要保存这段数据，不会轻易删除（保存在计算机中）。此后每次浏览器访问该服务器，都必须带上这段数据。这篇文章主要介绍了javascript和jquery中cookie的设置方法2023-07-07
本文主要介绍了js模拟微博发布消息的实例，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
浏览器加载、渲染和解析过程的黑箱分析,对于渲染，利用 Fiddler 将网速调慢，可以看到 css 下载后会马上渲染到页面，渲染和下载同步进行,需要的朋友可以参考下2012-11-11
本篇文章主要介绍了微信小程序 scroll-view实现锚点滑动的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
JS俄罗斯方块完美注释版 v 1.01 从学c语言那一会儿都想写一个俄罗斯方块,可是每次动起手总觉得难度太大. 今天终于用了大约4个小时写出来了. 其中在涉及到方块变型的时候还咨询了2008-11-11
其实，一直想把自己写的一些js给总结下，也许是能力有限不能把它完美结合起来。只能自己默默的看着哪些代码，无能为力2011-10-10
这篇文章主要为大家详细介绍了小程序实现自定义多层级单选和多选，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
javascript(js) join函数使用方法介绍...2007-11-11
这篇文章主要介绍了微信小程序实现客服消息自动回复图片消息，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-01-01
对于创建表格本文提到的算法共有3种，分别是直接操作dom、借助createDocumentFragment、借助js的原生表格操作方法2013-07-07
最新评论