前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >json字符串转换成对象有哪几种方法_jsonstring转对象

json字符串转换成对象有哪几种方法_jsonstring转对象

作者头像
全栈程序员站长
发布2022-09-27 13:22:28
1.7K0
发布2022-09-27 13:22:28
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

#####1. 将json字符串转化为json对象 a. 方案一:jquery自带的**$.parseJSON**函数

代码语言:javascript
复制
<script>
var jsonstr="{\"id\":\"1\",\"name\":\"jack\"}";
var obj=$.parseJSON(jsonstr);
</script>

说明:使用该方法对json字符串的要求比较高,属性名和属性值必须使用双引号,使用单引号或者不是用引号都会出错

b. 方案二:js自带的eval函数

代码语言:javascript
复制
<script language="javascript">
var jsonstr1="{\"id\":\"1\",\"name\":\"aijquery\"}";
var jsonstr1="{'id':1,'name':'aijquery'}";
var jsonstr1="{id:1,name:'aijquery'}";
//上面这三种写法,不管是用单引号包裹,还是不包裹,都能用eval来转换为json对象
var obj=eval('('+jsonstr1+')');
alert(obj.id);
</script>

说明:首先,最外层的整体字符串还有“”,其次,在使用eval转换的时候需要添加一对()使用,最后:eval最好用来转换简单的字符串,如果含有表达式,或者对象之类的复杂json串,不建议使用eval();

c. 方案三:使用浏览器自带的**JSON.parse()**函数

代码语言:javascript
复制
<script language="javascript">
var jsonstr1="{\"id\":1,\"name\":\"aijquery\"}";
var obj=JSON.parse(jsonstr1);
console.log(obj);
alert(obj.id);
</script>

d. 方案四:使用json官方的方法:parse();使用parse()转换为json对象,使用 stingify()将对象转换为字符串; ######参考链接:jquery里把字符串转为json对象的四种方法,及每种方法的优缺点

#####2. 将属性不带有引号的字符串转换为json对象 如果存在一个字符串:G=“[{name=jack,sex=boy } , { name=julty,sex=gril }…]”,将该字符串转换为对象数组

代码语言:javascript
复制
//第一步:将 = 转换为 :,加/g的目的是为了转换整个字符串中的等号,不加/g只会转换第一个
G = G.replace(/\=/g , ":");
//第二步:去掉字符串中的所有空格
G = G.replace(/\s*/g,"");
//第三步:为属性和属性值添加引号。转换为json串
 G = G.replace(/\{/g, "{\"");
 G = G.replace(/\:/g, "\":\"");
 G = G.replace(/\,/g, "\",\"");
 G = G.replace(/\}/g, "\"}");
//第四步:去掉不合理的引号
 G = G.replace(/\}","{/g, "},{");
//第五步:将该字符串转换为json数组
var arr = $.parseJSON(G);

#####3. 替换字符 关于替换字符,最常用的为replace()函数

语法:str.replace(被替换的字符串,替换为字符串)

代码语言:javascript
复制
var str = "Hello World"
//使用china替换字符串中的world
str = str.replace(/World/ , 'China');
//如果进行全局替换需要添加 /g , 在不添加 /g的情况下只会替换匹配到的第一个字符
str = str.replace(/World/g , 'China');

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/188476.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档