谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)

yizhihongxing

JSON是一种轻量级的数据交换格式,提供了在不同编程语言之间交换数据的标准格式。在JavaScript中,JSON对象提供了一种方便的方式将JavaScript对象转换成JSON格式的字符串或者将JSON格式的字符串转换成JavaScript对象。而JSON.stringify()和JSON.parse()就是这两种转换方式。

JSON.stringify(obj)

JSON.stringify()方法接收一个JavaScript对象作为参数,并将其转换成JSON格式的字符串。在转换过程中,除了undefined,函数和symbol三种类型的属性会被自动忽略外,其他类型的属性都会被转换成对应的JSON数据类型。

以下是一个示例:

const obj = {
  name: 'Diana',
  age: 32,
  isMarried: true,
  hobbies: ['reading', 'traveling', 'cooking'],
  address: {
    city: 'Beijing',
    street: 'No. 1 Street',
    postcode: '100010'
  }
};

const jsonString = JSON.stringify(obj);

console.log(jsonString);
// 输出: {"name":"Diana","age":32,"isMarried":true,"hobbies":["reading","traveling","cooking"],"address":{"city":"Beijing","street":"No. 1 Street","postcode":"100010"}}

从上面的示例可以看出,我们利用JSON.stringify()将一个JavaScript对象转换成了对应的JSON格式字符串。在转换过程中,属性名和属性值之间用冒号分隔,不同属性之间用逗号分隔,整个对象用一对花括号包围。

JSON.parse(string)

JSON.parse()方法接收一个JSON格式的字符串作为参数,并将其转换成对应的JavaScript对象。JSON格式的字符串必须满足一定的格式要求,否则将会抛出异常。在转换过程中,JSON.parse()方法会将JSON格式的字符串还原成对应的JavaScript数据类型。

以下是一个示例:

const jsonString = '{"name":"Diana","age":32,"isMarried":true,"hobbies":["reading","traveling","cooking"],"address":{"city":"Beijing","street":"No. 1 Street","postcode":"100010"}}';

const obj = JSON.parse(jsonString);

console.log(obj);
// 输出: { name: 'Diana', age: 32, isMarried: true, hobbies: ['reading','traveling','cooking'], address: { city: 'Beijing', street: 'No. 1 Street', postcode: '100010' } }

从上面的示例可以看出,我们利用JSON.parse()将一个JSON格式字符串转换成了对应的JavaScript对象。在转换过程中,JSON.parse()会将属性名和属性值之间的冒号去掉,用双引号包围所有的属性名,对于数组和对象,用一对方括号或一对花括号包围,而且值必须用引号括起来。

综上所述,JSON.stringify()和JSON.parse()都是将JavaScript对象和JSON格式的字符串相互转换的方法。使用时要遵循转换的规则,尽量避免在JSON格式中使用不被允许的语法。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string) - Python技术站

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

相关文章

  • js表单事件详细汇总

    关于“js表单事件详细汇总”的完整攻略,我将分为五部分进行讲解。 第一部分:什么是表单事件 表单事件是在用户与表单交互时触发的JavaScript方法。表单事件绑定在表单元素上,例如input、button、form等。 第二部分:表单事件的使用方法 表单事件可以通过addEventListener()或on事件属性来绑定。addEventListener(…

    JavaScript 2023年6月10日
    00
  • JavaScript动态创建div等元素实例讲解

    针对“JavaScript动态创建div等元素实例讲解”的完整攻略,我给出以下内容: 1. 动态创建元素 在 JavaScript 中,我们可以使用 document.createElement() 方法来动态创建元素。其语法格式如下: var element = document.createElement(tagName); 其中,tagName 表示要…

    JavaScript 2023年6月10日
    00
  • Android重写View实现全新的控件

    那么让我们来详细讲解一下“Android重写View实现全新的控件”的完整攻略。 什么是重写View 在Android中,View是用户界面的基本构建单元,绝大部分控件都是基于View的,因此我们可以通过重写View来实现我们自定义的控件。 在进行View的重写时,通常需要继承View或者它的子类,然后重写对应的方法。View的子类较多,它们之间的主要区别在…

    JavaScript 2023年6月11日
    00
  • 一文详解JavaScript中的replace()函数

    当我们需要对字符串中的某个子串进行替换时,JavaScript中的 replace() 函数是一个非常有用的工具。本文将详细讲解该函数的基本语法、常用选项以及一些实际的应用示例。 基本语法 replace() 函数的基本语法如下: string.replace(regexp|substr, newSubstr|function) 其中,string 是原始字…

    JavaScript 2023年5月28日
    00
  • JS 创建对象(常见的几种方法)

    下面是关于JS创建对象的几种常见方法的详细攻略。 概述 在之前,我们可以通过使用对象字面量的方式来创建 JavaScript 中的对象,但是如果我们需要创建多个类似的对象,这将非常麻烦。因此,在 JavaScript 中我们可以使用不同的方法来创建对象,这些方法包括:构造函数模式、工厂模式、原型模式、组合模式和 ES6 中的 class 语法。 构造函数模式…

    JavaScript 2023年5月27日
    00
  • 一种新的javascript对象创建方式Object.create()

    一种新的javascript对象创建方式Object.create() Object.create()是一个比较新的JavaScript方法,它可以创建一个新对象,并将原型设置为一个已有的对象。这意味着你可以使用一个现有对象作为新对象的原型,在新对象里共享原型的属性和方法。使用Object.create()的主要优点包括: 简化代码 更简单的原型继承 字面量…

    JavaScript 2023年5月27日
    00
  • Vue实现调用PC端摄像头实时拍照

    下面我来详细讲解一下Vue实现调用PC端摄像头实时拍照的完整攻略。 1. 获取用户的设备权限和相机设备 在Vue中将调用PC端摄像头分为两步,首先是获取用户的设备权限和相机设备。 //获取用户媒体设备(摄像头) if (navigator.mediaDevices.getUserMedia) { navigator.mediaDevices.getUserM…

    JavaScript 2023年6月11日
    00
  • 浅谈javascript的Array.prototype.slice.call

    接下来我将详细讲解“浅谈JavaScript的Array.prototype.slice.call”的完整攻略。 首先,我们来了解一下Array.prototype.slice.call的含义。 在JavaScript中,Array.prototype.slice.call()是指将一个类数组对象或可遍历对象(如 DOM NodeList对象)转换成一个真正…

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