JS中巧妙使用JSON教程

简介: 1.JSON.parse()我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象案例:


1.JSON.parse()


我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象

案例:


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>TEXT</title>
  <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
  <p id="demo"></p>
</body>
</html>


window.onload = function() {
  var getJsonStr = '{ "name":"xxx", "alexa":10000, "site":"www.xxx.com" }';
  var obj = JSON.parse(getJsonStr);
  document.getElementById("demo").innerHTML = obj.name;
}


2.JSON & Date


JSON 不能存储 Date 对象。

如果你需要存储 Date 对象,需要将其转换为字符串。

之后再将字符串转换为 Date 对象。


window.onload = function() {
  var getJsonStr = '{ "name":"xxx", "alexa":10000, "site":"www.xxx.com" ,"initDate":"2013-12-14" }';
  var obj = JSON.parse(getJsonStr);
  obj.initDate = new Date(obj.initDate);
  document.getElementById("demo").innerHTML = obj.initDate;
}


3.JSON.stringify()


我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串

实例:


window.onload = function() {
  var obj = { "name":"xxx", "alexa":10000, "site":"www.xxx.com"};
  var myJSON = JSON.stringify(obj);
  document.getElementById("demo").innerHTML = myJSON;
}



目录
相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
2024年5月node.js安装(winmac系统)保姆级教程
本篇博客为2024年5月版Node.js安装教程,适用于Windows和Mac系统。作者是一名熟悉JavaScript与Vue的大一学生,分享了Node.js的基本介绍、下载链接及简单安装步骤。安装完成后,通过终端命令`node -v`验证版本即可确认安装成功。欢迎关注作者,获取更多技术文章。
34 2
2024年5月node.js安装(winmac系统)保姆级教程
|
2月前
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
55 4
|
3月前
|
存储 JSON JavaScript
JavaScript JSON
【10月更文挑战第7天】JSON 是 JavaScript 中非常重要的一个数据格式,它为数据的表示和传输提供了一种简单而有效的方式。掌握 JSON 的使用方法和特点,对于开发高质量的 JavaScript 应用具有重要意义。
|
4月前
|
存储 JSON JavaScript
js中JSON的使用
介绍JSON的基本概念和在JavaScript中的使用方式,包括JSON格式的语法规则、使用`JSON.stringify()`和`JSON.parse()`方法进行对象与字符串的转换,以及处理JSON数组数据。
js中JSON的使用
|
3月前
|
JavaScript 前端开发
js教程——函数
js教程——函数
52 4
|
3月前
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象?
js如何格式化一个JSON对象?
123 3
|
4月前
|
XML JSON JavaScript
js的json格式
js的json格式
|
5月前
|
移动开发 JavaScript 前端开发
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
这篇文章介绍了在UniApp H5项目中处理跨域问题的两种方法:通过修改manifest.json文件配置h5设置,或在项目根目录创建vue.config.js文件进行代理配置,并提供了具体的配置代码示例。
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
|
4月前
|
存储 JSON JavaScript
JavaScript JSON
JavaScript JSON
40 5
|
3月前
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
46 0