js解析与序列化json数据(二)序列化探讨

yizhihongxing

JS解析与序列化JSON数据(二) - 序列化探讨

什么是序列化?

序列化是指将对象(Object)、数组(Array)等复杂的数据类型转换成字符串的过程,方便在不同平台上的传输和存储。在JavaScript中,序列化的主要应用是在数据传输和存储时,将复杂的数据类型转换为字符串,再通过反序列化,将字符串转回原来的数据类型。

序列化方法

JavaScript中常用的序列化方法有两种:JSON.stringify()和toString()

JSON.stringify()

JSON.stringify(obj, [replacer], [space])方法可以将一个JavaScript对象序列化成JSON字符串,其中,第一个参数是要序列化的对象,第二个参数可选,可以是一个函数,也可以是一个数组,用来过滤要序列化的属性,第三个参数也可选,用来控制JSON字符串的缩进和格式。

let foo = {name:'Jack', age:18, gender:'male'};
let json = JSON.stringify(foo);
console.log(json);  // {"name":"Jack","age":18,"gender":"male"}

toString()

toString()方法将对象转换为字符串,但它不能实现JSON数据的生成,仅限于将对象转换为字符串。

let foo = {name:'Jack', age:18, gender:'male'};
let str = foo.toString();
console.log(str);  // [object Object]

序列化示例

下面是两个序列化的示例:

示例一

let movie = {
  title: 'The Shawshank Redemption',
  actor: {
    name: 'Tim Robbins',
    age: 62,
    gender: 'male'
  },
  director: {
    name: 'Frank Darabont',
    age: 60,
    gender: 'male'
  }
}

let json_movie = JSON.stringify(movie);
console.log(json_movie);

执行结果:

{
  "title":"The Shawshank Redemption",
  "actor":{
    "name":"Tim Robbins",
    "age":62,
    "gender":"male"
  },
  "director":{
    "name":"Frank Darabont",
    "age":60,
    "gender":"male"
  }
}

示例二

let person = {
  name:'Tom',
  age:28,
  gender:'male',
  profession:'Engineer',
  interests:['reading','music','travel'],
  setAddress:function(city, area){
    this.address = {
      city:city,
      area:area
    }
  }
}

person.setAddress('Shanghai','Pudong');

let json_person = JSON.stringify(person, ['name', 'age', 'interests', 'address']);
console.log(json_person);

执行结果:

{
  "name":"Tom",
  "age":28,
  "interests":["reading","music","travel"],
  "address":{
    "city":"Shanghai",
    "area":"Pudong"
  }
}

以上是JS解析与序列化JSON数据(二) - 序列化探讨的完整攻略,其中包含两个示例说明。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js解析与序列化json数据(二)序列化探讨 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • Javascript Objects详解

    Javascript Objects详解 Javascript中的对象是一种用于存储数据的复合数据类型,可以包含多个属性和方法。在本文中,我们将详细讲解Javascript对象的定义、创建、访问和修改等方面的内容。 1. 对象的定义 在Javascript中,对象是由一组属性和方法构成的数据集合。对象的定义通常使用花括号{},并用逗号分隔属性和方法。示例如下…

    JavaScript 2023年5月27日
    00
  • JavaScript的document对象和window对象详解

    来详细讲解一下“JavaScript的document对象和window对象详解”。 1. 什么是document对象和window对象 在JavaScript中,document对象和window对象都是很重要的全局对象,它们都是DOM( Document Object Model,文档对象模型)的一部分,具有非常强的实用性。 1.1 document对象…

    JavaScript 2023年5月27日
    00
  • clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析

    首先,这些属性都是 MouseEvent 对象的属性,表示事件发生时鼠标的位置信息。 接下来,我们逐个来分析一下这些属性的区别。 clientX clientX 表示事件发生时,鼠标在浏览器视口中的水平坐标。也就是说,它是相对于浏览器窗口左上角的水平距离。 下面是一个示例: <div id="box" style="wid…

    JavaScript 2023年6月11日
    00
  • JavaScript 数组常见操作技巧

    JavaScript 数组常见操作技巧 JavaScript 中的数组是非常常见和重要的数据结构之一,常用于存储和处理一系列的数据。在实际的开发中,经常需要对数组进行各种各样的操作,以下是 JavaScript 数组常见的操作技巧: 创建数组 在 JavaScript 中,可以通过以下方式创建数组: 直接量方式 直接将元素放在方括号中,以逗号分隔 var a…

    JavaScript 2023年5月18日
    00
  • 理解javascript中try…catch…finally

    理解 JavaScript 中try…catch…finally try…catch…finally语句可以用来处理代码块的错误,即代码块可以在try语句块中运行,如果发生错误,则在catch块中处理错误,并在finally块中做清理或其他收尾工作。 在此过程中,try…catch…finally语句为开发人员提供了更好的错误和异常处…

    JavaScript 2023年5月28日
    00
  • JavaScript函数表达式详解及实例

    JavaScript函数表达式详解 在JavaScript中,函数是一等公民,也就是说函数可以像其他变量一样被赋值、传参等操作。函数表达式是一种定义函数的方式,下面我们来详细讲解函数表达式。 函数表达式的语法 函数表达式的语法如下: var myFunction = function(arg1, arg2, …) { //函数体 }; 其中,myFunc…

    JavaScript 2023年5月27日
    00
  • jquery 表单进行客户端验证demo

    以下是详细的攻略: jQuery 表单进行客户端验证 在使用表单提交数据之前,通常需要对表单进行客户端验证,以避免无效的数据被提交到后台服务器。jQuery 是一种非常流行的 JavaScript 库,可以方便地实现表单验证功能。 接下来我们将向您展示如何使用 jQuery 对表单进行客户端验证。以下是大致的步骤: 引入 jQuery JS 库。在 HTML…

    JavaScript 2023年6月10日
    00
  • 详解JS WebSocket断开原因和心跳机制

    详解JS WebSocket断开原因和心跳机制 WebSocket 是一个重要的协议,可在浏览器和服务器之间双向通信,且具有较低的延迟和较高的带宽利用率。但是,在实际应用中,WebSocket 经常会由于各种原因而断开连接,为此,我们需要对 WebSocket 的断开原因和心跳机制做详细了解。 WebSocket断开原因 1. 服务器主动关闭 服务器端主动关…

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部