json对象和json字符串之间的转换

本文介绍了JSON数据类型,包括对象和字符串形式,详细讲解了如何利用JSON.parse()和JSON.stringify()方法进行相互转换,并通过示例代码展示了从JSON对象到字符串及从字符串到对象的过程。
摘要由CSDN通过智能技术生成

1 JSON类型

1.1 对象

  • code
var jsonObj = {"name": "jeck", "age": 30, "email": "jeck@163.com"}
console.log("JSON 对象:");
console.log("类型:");
console.log(typeof jsonObj);
console.log(jsonObj);
  • 输出
    在这里插入图片描述

1.2 字符串

  • code
var jsonStr = '{"name": "jeck", "age": 30, "email": "jeck@163.com"}';
console.log("JSON 字符串:");
console.log("类型:");
console.log(typeof jsonStr);
console.log(jsonStr);
  • 输出
    在这里插入图片描述

2 转换函数

2.1 JSON.parse()

JSON.parse() 方法将JSON数据转换为 JavaScript 对象。

  • 语法
JSON.parse(text[, reviver])
  • 参数说明
参数描述
text必需, 一个有效的 JSON 字符串
reviver可选,一个转换结果的函数, 将为对象的每个成员调用此函数

2.2 JSON.stringify()

JSON.stringify() 方法将 JavaScript 对象转换为字符串

  • 语法
JSON.stringify(value[, replacer[, space]])
  • 参数说明
参数描述
value必需, 要转换的 JavaScript 值(通常为对象或数组)
replacer可选。用于转换结果的函数或数组。如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:""。如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时,将忽略 replacer 数组。
space可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 也可以使用非数字,如:\t。

注意:把数据在前后端之间传递,需要把json对象转换为json字符串

3 JSON对象 <一> JSON字符串

3.1 JSON对象 一> JSON字符串

  • code
console.log("JSON 对象 -> JSON 字符串:");
var jsonObj = {"name": "jeck", "age": 30, "email": "jeck@163.com"}
var jsonStrOne = JSON.stringify(jsonObj);
console.log("类型:");
console.log(typeof jsonStrOne);
console.log(jsonStrOne);
  • 输出
    在这里插入图片描述

3.2 JSON字符串 一> JSON对象

  • code
console.log("JSON 字符串 -> JSON 对象:");
var jsonStr = '{"name": "jeck", "age": 30, "email": "jeck@163.com"}';
var jsonObjOne = JSON.parse(jsonStr);
console.log("类型:");
console.log(typeof jsonObjOne);
console.log(jsonObjOne);
  • 输出
    在这里插入图片描述
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

dadeity

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值