将字符串转换成json对象的方法：
var str = '{"name1":"value1","name2":"value2"}';(json的转换格式必须是单引号套双引号）
1.JSON.parse(str);
2.eval("("+str+")");
3.var json = (new Function("return"+str)());
将json转换成字符串：
1.JSON.stringgify(json);
 
兼容问题
JSON.parse()转化字符串成json对象在IE7及以下浏览器不支持（其他两种没问题）
可以引进下面的js文件解决这个问题。
 
强制转换：
 <!DOCTYPE html>

 <htmllang="en">

 <head>

 <metacharset="UTF-8"/>

 <title>Document</title>

 </head>

 <body>

 </body>

 <scripttype="text/javascript">

 // 不符合json转换格式的字符串

 var string ="{'age':28,'sex':'boy'}";

 // 用json的强制转换方法来转换这个字符串(new Function("return"+str)());

 var json =(newFunction("return"+string))();

 console.log(json.sex);

 var li = document.createElement("li");

 li.innerText="name:"+json.sex +",age:"+ json.age;

 document.body.appendChild(li);

 </script>

 </html>
效果：

 
转换json数据的方法：
json就是对象(object),对象就是json;
 <!DOCTYPE html>

 <htmllang="en">

 <head>

 <metacharset="UTF-8"/>

 <title>转换json数据</title>

 </head>

 <body>

 </body>

 <scripttype="text/javascript"src="jquery-3.1.1.min.js"></script>

 <scripttype="text/javascript">

 // 也是利用强制转换

 data ="{root:[{name:'1',value:'0'},{name:'11',value:'110'},{name:'1123',value:'广东'},{name:'1124',value:'附件'}]}";

 console.log(data);

 var json =(newFunction("return"+data))();

 console.log(json.root);

 $.each(json.root,function(i,v){

 console.log(v);

 var h = v;

 for(key in h){

 console.log(h[key]);

 var $span = $("<span></span><br/>");

 $span.text(h[key]);

 $("body").append($span);

 }

 });

 </script>

 </html>
效果：

 

转换json和字符串的一些方法的更多相关文章

  1. spring boot @ResponseBody转换JSON 时 Date 类型处理方法，Jackson和FastJson两种方式,springboot 2.0.9配置fastjson不生效官方解决办法

    spring boot @ResponseBody转换JSON 时 Date 类型处理方法 ,这里一共有两种不同解析方式(Jackson和FastJson两种方式,springboot我用的1.x的版 ...

  2. 获取json格式字符串的简单方法

    有的时候需要找一些Json格式的字符串,可以打开任意一个网页进入到调试模式,然后看network相关的访问信息,就可以获取到. 比如: 在记笔记的时候,点击保存后,会发出一些请求,然后有相应的相应,任 ...

  3. json和字符串/数组/集合的互相转换の神操作总结

    一:前端字符串转JSON的4种方式 1,eval方式解析,恐怕这是最早的解析方式了. function strToJson(str){ var json = eval('(' + str + ')') ...

  4. javaScript中eval()方法转换json对象

    <script language="javascript"> var user = '{name:"张三",age:23,'+ 'address:{ ...

  5. 关于json和字符串之间的转换

    在最近的工作中,使用到JSON进行数据的传递,特别是从前端传递到后台,前台可以直接采用ajax的data函数,按json格式传递,后台Request即可,但有的时候,需要传递多个参数,后台使用requ ...

  6. java中json和字符串互转及日期转换 练习

    一:以下是用到的jar名称: commons-beanutils-1.6.jar commons-collections-3.2.1.jar commons-lang-2.6.jar commons- ...

  7. JSON以及Java转换JSON的方法（前后端常用处理方法）

    )); map.put("arr", new String[] { "a", "b" }); map.put("func" ...

  8. fastjson转换json字符串key的首字母小写变大写的解决办法

    https://blog.csdn.net/erbao_2014/article/details/53688934 问题描述在开发过程中,由于接口文档的描述,要求json字符串的key首字母为大写,而 ...

  9. javaScript中用eval()方法转换json对象

    var u = eval('('+user+')'); 1.对于服务器返回的JSON字符串,如果jQuery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将 ...

随机推荐

  1. Katalon Studio简单使用(二)

    距离上一篇更新katalon学习部分已有两个月的时间 ,我的博文的访问量为400多,(*^__^*) 嘻嘻…… 说明还是很多同学在学习这个小tools的.所以再记录下 近两个月来对katalon的体验 ...

  2. .net图表之ECharts随笔08-bar柱状图

    之前一直都是跟着修改demo,感觉用得很吃力,现在结合上配置手册就好很多了,其实说到底就是参数的配置,所以配置手册尤为重要. 当然,这其中还是很多坑,希望可以找到对应的解决方案吧!!! 1. tool ...

  3. jQuery操作标签--样式、文本、属性操作, 文档处理

    1.样式 2.文本 3.属性操作 全选,反选效果 4.文档处理 操作标签 一.样式操作 样式类: addClass(); // 添加指定的css类名 removeClass(); //移除指定的css ...

  4. docker设置引用国内镜像加速

    设置步骤: 1 先到daocloud.io网站注册一个账号 过程略,注册成功后,进入控制台 2 点击控制台上的加速器 拉到中间部分,有一个『主机监控程序』的文字链接,见下图: 然后选择主机类型,我用的 ...

  5. 【经典漏洞案例】NSA黑客工具包——Windows 0day验证实验

    还记得今年4月中旬,Shadow Brokers(影子经纪人)黑客组织发布出一份震惊世界的机密文档,其中包含了多个Windows 远程漏洞利用工具,此工具集覆盖大量的Windows服务 器,可以被任何 ...

  6. [iOS笔试600题]一、语法篇（共有147题）

    [A]1. @property 的作用是申明属性及真特性?［判断题］ A.正确 B.错误 [A]2. @synthesize的作用是自动笠成属性的访问器(getter/setter)方法?［判断题］ ...

  7. 分布式系统的Raft算法学习笔记

    摘取自:  http://mp.weixin.qq.com/s?__biz=MzIyMTQ1NDE0MQ==&mid=2247483979&idx=1&sn=12864382e ...

  8. leetcode-884-两句话中的不常见单词

    题目描述: 给定两个句子 A 和 B . (句子是一串由空格分隔的单词.每个单词仅由小写字母组成.) 如果一个单词在其中一个句子中只出现一次,在另一个句子中却没有出现,那么这个单词就是不常见的. 返回 ...

  9. javascript举例介绍事件委托的典型使用场景

    在了解什么是DOM事件以及给DOM事件绑定监听器的几种方法后,我们来谈谈事件委托. 1. e.target 和 e.currentTarget 当我们给目标元素target 绑定一个事件监听器targ ...

  10. 【运维】centos7+confluence5.6.6破解

    一.安装mysql数据库 centos7自带mariadb数据库,因为无法下载完整安装包,最终选择将其完全卸载,然后全新安装mysql数据库 1.卸载mariadb rpm -qa | grep ma ...