JS对象和字符串之间互换操作实例分析

 更新时间:2019年02月02日 10:51:12   作者:前端林三哥  
这篇文章主要介绍了JS对象和字符串之间互换操作,结合实例形式分析了javascript对象与字符串相互转换的原理与相关操作技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • uni-app路由配置文件pages.json平台化拆分

    uni-app路由配置文件pages.json平台化拆分

    这篇文章主要为大家介绍了uni-app路由配置文件pages.json平台化拆分示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 原生JS绑定滑轮滚动事件兼容常见浏览器

    原生JS绑定滑轮滚动事件兼容常见浏览器

    滑轮滚动页面的事件在网页特效中进场遇到,下面通过示例为大家介绍下原生JS绑定滑轮滚动事件并兼容浏览器
    2014-06-06
  • 抖音小程序一键获取手机号的实现思路

    抖音小程序一键获取手机号的实现思路

    前端通过code获取sessionkey,再用sessionkey解密手机号加密信息,PHP后端实现这一过程,本文通过实例代码给大家介绍抖音小程序一键获取手机号功能,感兴趣的朋友一起看看吧
    2025-01-01
  • js时间转换毫秒的实例代码

    js时间转换毫秒的实例代码

    在本篇文章里小编给大家整理的是关于js时间转换毫秒的实例代码以及相关知识点,需要的朋友们可以学习下。
    2019-08-08
  • JavaScript延迟加载之async与defer的应用

    JavaScript延迟加载之async与defer的应用

    这篇文章主要介绍了JavaScript延迟加载之async与defer的应用场景与使用区别的介绍,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-09-09
  • javascript模拟滚动条实现代码

    javascript模拟滚动条实现代码

    从csdn的blog上转过来的  做了些修改,其实写的比较糟糕(我指的是构造) 我用的是以前的一个drag类  在这个基础上在的来完成的Slider

    2010-03-03
  • 基于javascript实现tab切换特效

    基于javascript实现tab切换特效

    这篇文章主要介绍了基于javascript实现tab切换特效的相关资料,具有一定的参考价值,需要的朋友可以参考下
    2016-03-03
  • Bootstrap按钮下拉菜单组件详解

    Bootstrap按钮下拉菜单组件详解

    这篇文章主要为大家详细介绍了Bootstrap按钮下拉菜单组件,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • JS控制鼠标拒绝点击某一按钮的实例

    JS控制鼠标拒绝点击某一按钮的实例

    下面小编就为大家分享一篇JS控制鼠标拒绝点击某一按钮的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • JS对象和字符串之间互换操作实例分析

    JS对象和字符串之间互换操作实例分析

    这篇文章主要介绍了JS对象和字符串之间互换操作,结合实例形式分析了javascript对象与字符串相互转换的原理与相关操作技巧,需要的朋友可以参考下
    2019-02-02

最新评论