JS对象与json字符串格式转换实例

JS对象与JSON字符串格式转换是前端开发中常用的一项技术,本文将以实例的方式详细讲解对象与JSON字符串格式的相互转换。

将JS对象转换成JSON字符串格式

使用JSON.stringify()方法

JavaScript中可以使用JSON.stringify()方法将一个对象转换成JSON字符串格式,该方法接收两个参数:

  1. 待转换的JS对象
  2. 一个可选的replacer函数或数组,指定如何序列化对象的值,或要包含的属性。

示例代码如下:

const user = {
  name: '小王',
  age: 18,
  hobbies: ['篮球', '游泳', '听音乐'],
  address: {
    province: '广东省',
    city: '深圳市',
    area: '宝安区'
  }
}

const jsonString = JSON.stringify(user)

console.log(jsonString)

输出结果为:

{
  "name": "小王",
  "age": 18,
  "hobbies": ["篮球", "游泳", "听音乐"],
  "address": {
    "province": "广东省",
    "city": "深圳市",
    "area": "宝安区"
  }
}

上面的代码中,我们首先定义了一个对象user,然后使用JSON.stringify()方法将其转换成JSON字符串格式,并将转换后的结果赋值给变量jsonString,最后使用console.log()来输出结果。

包含对象属性选项

JSON.stringify()方法还可以通过提供第二个参数来选择要显示的属性值。

示例代码如下:

const user = {
  name: '小王',
  age: 18,
  hobbies: ['篮球', '游泳', '听音乐'],
  address: {
    province: '广东省',
    city: '深圳市',
    area: '宝安区'
  }
}

const jsonString = JSON.stringify(user, ['name', 'hobbies'])

console.log(jsonString)

输出结果为:

{
  "name": "小王",
  "hobbies": ["篮球", "游泳", "听音乐"]
}

上面的代码中,我们在JSON.stringify()方法的第二个参数中指定了要显示的属性,这里只显示了name和hobbies这两个属性的值。

将JSON字符串格式转换成JS对象

使用JSON.parse()方法

JavaScript中可以使用JSON.parse()方法将JSON字符串格式转换成JS对象,该方法只接收一个参数:

  1. 待转换的JSON字符串

示例代码如下:

const jsonString = '{ "name": "小明", "age": 20, "gender": "男" }'

const user = JSON.parse(jsonString)

console.log(user)

输出结果为:

{
  name: "小明",
  age: 20,
  gender: "男"
}

上面的代码中,我们首先定义了一个JSON字符串jsonString,然后使用JSON.parse()方法将其转换成JS对象,并将转换后的结果赋值给变量user,最后使用console.log()来输出结果。

包含reviver参数

JSON.parse()方法还可以通过提供第二个参数来修改JSON对象及其属性的值。

示例代码如下:

const jsonString = '{ "name": "小明", "age": 20, "gender": "男" }'

const user = JSON.parse(jsonString, function(key, value) {
  if (typeof value === 'string') {
    return value.toUpperCase()
  } else {
    return value
  }
})

console.log(user)

输出结果为:

{
  name: "小明",
  age: 20,
  gender: "男"
}

上面的代码中,我们在JSON.parse()方法的第二个参数中提供了一个函数,该函数用于将JSON对象及其属性的值转换为大写字母,并将转换后的结果返回。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS对象与json字符串格式转换实例 - Python技术站

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

相关文章

  • 一文掌握C++ 智能指针全部用法

    一文掌握C++智能指针全部用法 什么是智能指针 在C++中,当我们使用new操作符分配内存时,需要手动回收内存。如果忘记回收内存,就会出现内存泄漏等问题。为了解决这个问题,C++11引入了智能指针(Smart Pointer)。 智能指针是一种类,用来在动态分配的对象生命周期结束时自动释放该对象。它是指向动态分配的内存的类对象,这个类对象中承担了释放内存的责…

    C 2023年5月22日
    00
  • win11怎么分盘?Win11电脑C磁盘分盘方法

    下面是“win11怎么分盘?Win11电脑C磁盘分盘方法”的完整攻略。 准备工作 在进行C盘分区之前,请确保您已经对电脑进行了备份,并且您有管理员权限以进行分区更改。此外,您还需要具备一些分区工具,例如Disk Management、DiskGenius、EaseUS Partition Master等。 方法一:使用Disk Management分区工具 …

    C 2023年5月23日
    00
  • C语言快速入门教程1快速入门 2指令 3条件选择

    快速入门 什么是C语言? C是一种编程语言,1972年由Dennis Ritchie在美国AT & T的贝尔实验室开发。C语言变得很流行,因为它很简单,很容易使用。今天经常听到的一个观点是–“C语言已经被C++、Python和Java等语言所取代,所以今天何必再去学习C语言”。我很不赞同这种观点。这有几个原因。这些原因如下: (a) C++、Pyt…

    C 2023年5月9日
    00
  • C语言实现的猜数字小游戏

    C语言实现的猜数字小游戏攻略 游戏规则 系统会在1~100之间随机生成一个整数,玩家需要猜测这个数字是多少。 玩家每次输入一个数字,系统会告诉玩家猜的数字是否正确,如果不正确,还会告诉玩家猜测的数字是偏大还是偏小。 玩家可以根据系统的提示,逐步缩小猜测范围,直到猜中为止。 玩家最多可以猜测7次,如果7次内未能猜中,游戏结束。 游戏实现步骤 首先需要生成一个1…

    C 2023年5月23日
    00
  • C语言流程控制之switch语句详解

    C语言流程控制之switch语句详解是本网站总结的一篇C语言教程文章,主要介绍了switch语句的用法和注意事项。本文将通过以下几个方面详细讲解: 1. switch语句的基本格式 switch语句由一个表达式和多个case组成,如下所示: switch(expression){ case constant-expression1: statement1; …

    C 2023年5月23日
    00
  • JavaScript中对JSON对象的基本操作示例

    当涉及到在JavaScript代码中处理JSON对象时,一些基本的操作很必要。下面是一些基本操作的示例: 1. 将JSON字符串解析为JavaScript对象 在JavaScript中,可以通过JSON.parse()方法将JSON字符串解析为JavaScript对象。以下是一个例子: const jsonString = ‘{"name&quot…

    C 2023年5月23日
    00
  • C++中的函数知识点大全

    C++中的函数知识点大全 C++作为一门强大的编程语言,函数是它最基本的组成部分之一,函数的使用和编写对于学习C++语言来说是至关重要的。本文将介绍C++函数的多种用法和注意事项。 函数的定义 函数是对一系列操作的封装,它可以完成一个特定的功能,可以在程序中被调用。一个函数的定义有以下形式: 返回类型 函数名(参数列表){ // 函数体 } 其中,返回类型指…

    C 2023年5月22日
    00
  • win10无法开机提示0xc0000098错误代码怎么办 疑难杂症快速修复

    Win10无法开机提示0xc0000098错误代码怎么办?疑难杂症快速修复 当你遇到win10无法开机提示0xc0000098错误代码时,不要惊慌。以下是针对这种情况的一些快速修复方法。 解决方法1:修复启动记录 如果win10无法开机提示0xc0000098错误代码,可能是启动记录出现了一些问题。我们可以使用 bcdedit 命令进行修复。 步骤 在启动时…

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