JavaScript中的json文件使用

最新推荐文章于 2024-07-24 02:07:18 发布

vanBlayt

最新推荐文章于 2024-07-24 02:07:18 发布

阅读量413

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u014688172/article/details/104880735

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

本文深入讲解JSON（JavaScript Object Notation）作为数据交换格式的基础知识，包括其数据类型、字符串规范及对象表示方式。同时，详细介绍了如何使用JSON.stringify()进行序列化，以及如何通过JSON.parse()实现反序列化。

摘要由CSDN通过智能技术生成

JSON是JavaScript Object Notation的缩写，它是一种数据交换格式。

在JSON中，一共就这么几种数据类型：

number：和JavaScript的number完全一致；
boolean：就是JavaScript的true或false；
string：就是JavaScript的string；
null：就是JavaScript的null；
array：就是JavaScript的Array表示方式——[]；
object：就是JavaScript的{ … }表示方式。
以及上面的任意组合

为了统一解析，JSON的字符串规定必须用双引号""，Object的键也必须用双引号""。
把任何JavaScript对象变成JSON，就是把这个对象序列化成一个JSON格式的字符串，这样才能够通过网络传递给其他计算机。
如果我们收到一个JSON格式的字符串，只需要把它反序列化成一 JavaScript对象，就可以在JavaScript中直接使用这个对象了。

序列化

让我们先把小明这个对象序列化成JSON格式的字符串：
stringify方法定义
JSON.stringify ( value [, replacer] [ , space] )

第二个参数用于控制如何筛选对象的键值，如果我们只想输出指定的属性，
可以传入Array： JSON.stringify(xiaoming, [‘name’, ‘skills’], ’ ');

第三个参数用于换行，空格，增加可读性

'use strict'; 
var xiaoming = {
	 name: '小明', 
	 age: 14, 
	 gender: true, 
	 height: 1.65,
	 grade: null, 
	 'middle-school': '\"W3C\" Middle School', 
	 skills: ['JavaScript', 'Java', 'Python', 'Lisp'] 
};
	  ---- 
	  var s = JSON.stringify(xiaoming,null,'  ');
	  //按行输出 
	  console.log(s);

结果

{
  "name": "小明",
  "age": 14,
  "gender": true,
  "height": 1.65,
  "grade": null,
  "middle-school": "\"W3C\" Middle School",
  "skills": [
    "JavaScript",
    "Java",
    "Python",
    "Lisp"
  ]
}

反序列化

拿到一个JSON格式的字符串，我们直接用JSON.parse()把它变成一个JavaScript对象：

JSON.parse('[1,2,3,true]'); // [1, 2, 3, true] 
JSON.parse('{"name":"小明","age":14}'); // Object {name: '小明', age: 14} 
JSON.parse('true'); // true JSON.parse('123.45'); // 123.45