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 相关文章推荐
解决js正则匹配换行问题实现代码
Dec 10 Javascript
jQuery仿Excel表格编辑功能的实现代码
May 01 Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 Javascript
javascript正则表达式基础知识入门
Apr 20 Javascript
Javascript递归打印Document层次关系实例分析
May 15 Javascript
JavaScript变量的作用域全解析
Aug 14 Javascript
jQuery给指定的table动态添加删除行的操作方法
Oct 12 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
Jan 08 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
Apr 12 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 Javascript
基于复选框demo(分享)
Sep 27 Javascript
vue-cli3脚手架的配置及使用教程
Aug 28 Javascript
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
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
php实现查询百度google收录情况(示例代码)
2013/08/02 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
Javascript开发包大全整理
2006/12/22 Javascript
一个高效的JavaScript压缩工具下载集合
2007/03/06 Javascript
jquery 简单应用示例总结
2013/08/09 Javascript
JS随机漂浮广告代码具体实例
2013/11/19 Javascript
js动态添加表格数据使用insertRow和insertCell实现
2014/05/22 Javascript
js实现缓冲运动效果的方法
2015/04/10 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
2015/09/10 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
初识NodeJS服务端开发入门(Express+MySQL)
2017/04/07 NodeJs
基于JavaScript实现数码时钟效果
2020/03/30 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
js实现上传并压缩图片效果
2018/01/10 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
微信小程序云开发之使用云数据库
2019/05/17 Javascript
Python函数式编程指南(三):迭代器详解
2015/06/24 Python
详解python中executemany和序列的使用方法
2017/08/12 Python
详解python里使用正则表达式的全匹配功能
2017/10/19 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
在python里从协程返回一个值的示例
2019/02/19 Python
python 判断linux进程,并杀死进程的实现方法
2019/07/01 Python
django xadmin 管理器常用显示设置方式
2020/03/11 Python
python实现逻辑回归的示例
2020/10/09 Python
css3.0 图形构成实例练习一
2013/03/19 HTML / CSS
奥运会口号
2014/06/13 职场文书
四风问题对照检查材料思想汇报
2014/10/07 职场文书
2014年药店工作总结
2014/11/20 职场文书
计划生育目标责任书
2015/05/09 职场文书
解约证明模板
2015/06/19 职场文书
优秀学生干部主要事迹材料
2015/11/04 职场文书
学习师德师风的心得体会(2篇)
2019/10/08 职场文书
pytorch交叉熵损失函数的weight参数的使用
2021/05/24 Python
吉利入股戴姆勒后smart“长大了”
2022/04/21 数码科技