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


Posted in Javascript onFebruary 02, 2019

本文实例讲述了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);

结果如下:

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

很简单!

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);

结果如下

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

再有一种不是很规范的json对象,因为我们有时候开发,js是弱类型的语言,也有不规范的时候,比如有些人就喜欢用单引号(有什么办法),比如下面的

let arr = "[{'name': '\u53d6\u6d88\u8ba2\u5355\u91cf', 'type': '1', 'value1': '<', 'value2': '100'}]";

如果我们用 JSON.parse() 的话,让我们来试试

结果如下:

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

为什么会出现这个结果,因为我们的字符串里面并不是一个规范的json,因为规范的json,全都是用的双引号,而我们都是用的单引号,所以,我们只能用另一种办法 eval('('+ str +')')
让我们来试试

let arr = "[{'name': '\u53d6\u6d88\u8ba2\u5355\u91cf', 'type': '1', 'value1': '<', 'value2': '100'}]";
let obj = eval('('+arr+')');
console.log(obj);

结果如下:

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

我们发现成功了,好了,今天就写到这里吧,我说了这么多,其实我在记笔记,哈哈!

更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
IE、FF、Chrome浏览器中的JS差异介绍
Aug 13 Javascript
jQuery实现页面顶部显示的进度条效果完整实例
Dec 09 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
Mar 04 Javascript
老生常谈ES6中的类
Jul 31 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
JS实现获取自定义属性data值的方法示例
Dec 19 Javascript
详解JavaScript 浮点数运算的精度问题
Jul 23 Javascript
vue计算属性无法监听到数组内部变化的解决方案
Nov 06 Javascript
uni-app如何实现增量更新功能
Jan 03 Javascript
vue实现评价星星功能
Jun 30 Javascript
JavaScript实现原型封装轮播图
Dec 27 Javascript
vue postcss-px2rem 自适应布局
May 15 Vue.js
Vue+Element UI+Lumen实现通用表格分页功能
Feb 02 #Javascript
JS基于ES6新特性async await进行异步处理操作示例
Feb 02 #Javascript
JS使用canvas中的measureText方法测量字体宽度示例
Feb 02 #Javascript
JS使用对象的defineProperty进行变量监控操作示例
Feb 02 #Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 #Javascript
通过cordova将vue项目打包为webapp的方法
Feb 02 #Javascript
用Cordova打包Vue项目的方法步骤
Feb 02 #Javascript
You might like
php4的彩蛋
2006/10/09 PHP
MyEclipse常用配置图文教程
2014/09/11 PHP
thinkphp命名空间用法实例详解
2015/12/30 PHP
关于扩展 Laravel 默认 Session 中间件导致的 Session 写入失效问题分析
2016/01/08 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
php+ajax实现商品对比功能示例
2019/04/13 PHP
tp5递归 无限级分类详解
2019/10/18 PHP
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
javascript 类方法定义还是有点区别
2009/04/15 Javascript
ExtJS 2.2.1的grid控件在ie6中的显示问题
2009/05/04 Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
2010/05/25 Javascript
jQuery Ajax 实例全解析
2011/04/20 Javascript
JS高级笔记
2011/07/13 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
JavaScript面向对象程序设计教程
2016/03/29 Javascript
前端主流框架vue学习笔记第一篇
2017/07/26 Javascript
学前端,css与javascript重难点浅析
2020/06/11 Javascript
python 示例分享---逻辑推理编程解决八皇后
2014/07/20 Python
python自动格式化json文件的方法
2015/03/11 Python
在Python中使用Mako模版库的简单教程
2015/04/08 Python
python3 小数位的四舍五入(用两种方法解决round 遇5不进)
2019/04/11 Python
Pandas中resample方法详解
2019/07/02 Python
详解python中的异常捕获
2020/12/15 Python
Opencv 图片的OCR识别的实战示例
2021/03/02 Python
基于html5 DeviceOrientation 实现微信摇一摇功能
2015/09/25 HTML / CSS
HTML5中的网络存储实现方式
2020/04/28 HTML / CSS
中国酒类在线零售网站:酒仙网
2016/08/20 全球购物
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
大一学生的职业生涯规划书范文
2014/01/19 职场文书
2014年教师节寄语
2014/04/03 职场文书
小学数学教师研修感悟
2015/11/18 职场文书
创业计划书之宠物店
2019/09/19 职场文书
python套接字socket通信
2022/04/01 Python
Nginx使用ngx_http_upstream_module实现负载均衡功能示例
2022/08/05 Servers