将字符串转换成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文件解决这个问题。
 
强制转换：
  1.  <!DOCTYPE html>
  2.  <htmllang="en">
  3.  <head>
  4.  <metacharset="UTF-8"/>
  5.  <title>Document</title>
  6.  </head>
  7.  <body>
  8.  </body>
  9.  <scripttype="text/javascript">
  10.  // 不符合json转换格式的字符串
  11.  var string ="{'age':28,'sex':'boy'}";
  12.  // 用json的强制转换方法来转换这个字符串(new Function("return"+str)());
  13.  var json =(newFunction("return"+string))();
  14.  console.log(json.sex);
  15.  var li = document.createElement("li");
  16.  li.innerText="name:"+json.sex +",age:"+ json.age;
  17.  document.body.appendChild(li);
  18.  </script>
  19.  </html>
效果：

 
转换json数据的方法：
json就是对象(object),对象就是json;
  1.  <!DOCTYPE html>
  2.  <htmllang="en">
  3.  <head>
  4.  <metacharset="UTF-8"/>
  5.  <title>转换json数据</title>
  6.  </head>
  7.  <body>
  8.  </body>
  9.  <scripttype="text/javascript"src="jquery-3.1.1.min.js"></script>
  10.  <scripttype="text/javascript">
  11.  // 也是利用强制转换
  12.  data ="{root:[{name:'1',value:'0'},{name:'11',value:'110'},{name:'1123',value:'广东'},{name:'1124',value:'附件'}]}";
  13.  console.log(data);
  14.  var json =(newFunction("return"+data))();
  15.  console.log(json.root);
  16.  $.each(json.root,function(i,v){
  17.  console.log(v);
  18.  var h = v;
  19.  for(key in h){
  20.  console.log(h[key]);
  21.  var $span = $("<span></span><br/>");
  22.  $span.text(h[key]);
  23.  $("body").append($span);
  24.  }
  25.  });
  26.  </script>
  27.  </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. Ocelot 新手上路

    新手上路,老司机请多多包含!Ocelot 在博园里文章特别多,但是按照其中一篇文章教程,如果经验很少或者小白,是没法将程序跑向博主的结果. 因此总结下     参考多篇文章,终于达到预期效果. Oce ...

  2. MaxScript镜像函数

    看到有网友需要写的,其实镜像就是缩放改为负数 Fn MirrorObject argObjects argAxisName = ( local axisNames = #(#x,#y,#z) do ( ...

  3. Android TextView 嵌套图片及其点击，TextView 部分文字点击，文字多颜色

    1. TextView 中嵌套图片的方法 TextView textView... textView.setText("..."); textView.append(Html.fr ...

  4. Mysql 中日期类型bigint和datetime互转

    MySql数据库中字段类型bigint 长度是10位的 mysql> select (from_unixtime(1554047999))as datatime;+--------------- ...

  5. “全栈2019”Java异常第二十章：自定义异常详解

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java异 ...

  6. iOS水波纹效果

    最近也是在学习一些动画效果的实现,也找了一些Demo进行练习,先放出原地址http://www.cocoachina.com/ios/20161104/17960.html,感谢大神的分享,作者对实现 ...

  7. 根据IP获取IP定位

    http://ip.taobao.com/service/getIpInfo.php?ip=27.17.60.152 {,"}} 不确定是否有次数限制

  8. ZooKeeper学习1---简单介绍

    一.分布式协调技术 在给大家介绍ZooKeeper之前先来给大家介绍一种技术——分布式协调技术.那么什么是分布式协调技术?那么我来告诉大家,其实分布式协调技术主要用来解决分布式环境当中多个进程之间的同 ...

  9. mac安装gdb调试（转载）

    转载自:http://blog.plotcup.com/a/129 最近一直用go写一个项目,本想在mac上用gdb调试一下,但xcode4.6带的gdb版 本还是太低了,不支持go,只好自己安装一个 ...

  10. MNIST手写数字识别 Tensorflow实现

    def conv2d(x, W): return tf.nn.conv2d(x, W, strides=[1, 1, 1, 1], padding='SAME') 1. strides在官方定义中是一 ...