JSON对象与字符串之间的转换

简介: JSON对象与字符串之间的转换 JavaScript中内置了一个JSON对象,可以用来进行JSON与字符串之间的转换。

JSON转换成字符串


使用:JSON.stringify()


let str = JSON.stringify(user);


样例代码:


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <script>
      let user={
        name: 'Keafmd',
        sex : '男',
        age : 18,  //永远18
        height:187
      }
      let str =JSON.stringify(user);
      console.log(str);  // {"name":"Keafmd","sex":"男","age":18,"height":187}
      // 也可以转多组
      let users=[
      {
        name: 'Keafmd',
        sex : '男',
        age : 18,  //永远18
        height:187
      },
      {
        name: '牛哄哄的柯南',
        sex : '男',
        age : 19,  
        height:188
      },
      {
        name: '牛哄哄的小兰',
        sex : '女',
        age : 18,  
        height:173
      },]
      let strs =JSON.stringify(users);
      console.log(strs);  
      // [{"name":"Keafmd","sex":"男","age":18,"height":187},
      //{"name":"牛哄哄的柯南","sex":"男","age":19,"height":188},
      //{"name":"牛哄哄的小兰","sex":"女","age":18,"height":173}]
    </script>
  </body>
</html>

效果截图:



字符串转换成JSON


使用:JSON.parse()


样例代码:


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <script>
      let str = '{"name":"Keafmd","sex":"男","age":18,"height":187}';  // 字符串,单引号引起来
      console.log("str: "+str); 
      let user_new = JSON.parse(str); // 转为JSON
      console.log(user_new);
    </script>
  </body>
</html>

效果截图:

2.png


相关文章
|
4月前
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
3月前
|
XML JSON 前端开发
json字符串CSS格式化
完成以上步骤后,你便能在网页中看到格式化后的JSON数据,它们将按照CSS定义的样式进行展示,使数据更易于阅读和理解。通过有效地结合JSON和CSS,你可以创建出更加丰富且易于交互的网页内容。
208 64
|
2月前
|
JSON 前端开发 JavaScript
json字符串如何转为list对象?
json字符串如何转为list对象?
335 7
|
2月前
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象?
js如何格式化一个JSON对象?
102 3
|
3月前
|
XML JSON JavaScript
JSON对象的stringify()和parse()方法使用
本文阐述了JSON对象的`stringify()`和`parse()`方法的用法,包括如何将JavaScript对象转换为JSON字符串,以及如何将JSON字符串解析回JavaScript对象,并讨论了转换过程中需要注意的事项。
JSON对象的stringify()和parse()方法使用
|
3月前
|
JSON 前端开发 中间件
React读取properties配置文件转化为json对象并使用在url地址中
本文介绍了如何在React项目中读取properties配置文件,将其内容转化为JSON对象,并在请求URL地址时使用这些配置。文章详细说明了异步读取文件、处理字符串转换为JSON对象的过程,并提供了一个封装函数,用于在发起请求前动态生成配置化的URL地址。
92 1
|
3月前
|
XML JSON 前端开发
json字符串CSS格式化
json字符串CSS格式化
71 4
|
3月前
|
JSON 数据格式 Python
6-1|Python如何将json转化为字符串写到文件内 还保留json格式
6-1|Python如何将json转化为字符串写到文件内 还保留json格式
|
4月前
|
JSON Java 数据格式
Java系列之:生成JSON字符串
这篇文章介绍了两种在Java中生成JSON字符串的方法:使用`JSONObject`类及其`toJSONString`方法来动态生成,以及手动拼接字符串的方式来创建JSON格式的字符串。
Java系列之:生成JSON字符串
|
4月前
|
JSON Go 数据格式
Go实现json字符串与各类struct相互转换
文章通过Go语言示例代码详细演示了如何实现JSON字符串与各类struct之间的相互转换,包括结构体对象生成JSON字符串和JSON字符串映射到struct对象的过程。
36 0