JSON.stringify 语法实例讲解 JSON格式化

JSON.stringify() 、JSON. parse()方法详解 json 阅读详情

语法: 
  JSON.stringify(value [, replacer] [, space]) 

  • value:是必选字段。就是你输入的对象,比如数组,类等。 
  • replacer:这个是可选的。它又分为2种方式,一种是数组,第二种是方法。 

  情况一:replacer为数组时,通过后面的实验可以知道,它是和第一个参数value有关系的。一般来说,系列化后的结果是通过键值对来进行表示的。 所以,如果此时第二个参数的值在第一个存在,那么就以第二个参数的值做key,第一个参数的值为value进行表示,如果不存在,就忽略。

  情况二:replacer为方法时,那很简单,就是说把系列化后的每一个对象(记住是每一个)传进方法里面进行处理。 

  • space:就是用什么来做分隔符的。 

  1)如果省略的话,那么显示出来的值就没有分隔符,直接输出来 。
  2)如果是一个数字的话,那么它就定义缩进几个字符,当然如果大于10 ,则默认为10,因为最大值为10。
  3)如果是一些转义字符,比如“\t”,表示回车,那么它每行一个回车。 
  4)如果仅仅是字符串,就在每行输出值的时候把这些字符串附加上去。当然,最大长度也是10个字符。 
下面用实例说明;

  1)只有第一个参数的情况下

复制代码
//1var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location = "China"; 
var json = JSON.stringify(student); 
alert(json); 
//alert(student);
复制代码

  结果如下图:

  有些人可能会怀疑JSON.stringify的作用。那假如,我们不要这个函数,而直接alert(student),结果如下:

 

  这次意识到JSON.stringify的作用了吧。

  2)第二个参数存在,并且第二个参数还是function的时候 

复制代码
//2var students = new Array() ; 
students[0] = "onepiece"; 
students[1] = "naruto"; 
students[2] = "bleach"; 
var json = JSON.stringify(students,switchUpper); 
function switchUpper(key, value) { 
    return value.toString().toUpperCase(); 
} 
alert(json); 
/*下面这种方式也可以
var json = JSON.stringify(students, function (key,value) { return value.toString().toUpperCase()}); 
alert(json);
*/
复制代码

  运行结果如下:

  3)第二个参数存在,并且第二个参数不是function,而是数组的时候

复制代码
//3var stuArr1 = new Array() ; 
stuArr1[0] = "onepiece"; 
stuArr1[1] = "naruto"; 
stuArr1[2] = "bleach"; 
var stuArr2 = new Array(); 
stuArr2[0] = "1"; 
stuArr2[1] = "2"; 
var json = JSON.stringify(stuArr1,stuArr2)
alert(json); 
复制代码

  运行结果如下:

  第二个参数被忽略了,只是第一个参数被系列化了。

  4)如果第一个参数是对象,第二个参数是数组的情况

复制代码
//4var stuObj = new Object(); 
stuObj.id = "20122014001"; 
stuObj.name = "Tomy"; 
stuObj.age = 25; 

var stuArr = new Array(); 
stuArr[0] = "id"; 
stuArr[1] = "age"; 
stuArr[2] = "addr";//这个stuObj对象里不存在。 var json = JSON.stringify(stuObj,stuArr); 
//var json = JSON.stringify(stuObj,stuArr,1000); 
//var json = JSON.stringify(stuObj,stuArr,'\t'); 
//var json = JSON.stringify(stuObj,stuArr,'OK '); 
alert(json); 
复制代码

  运行结果如下:

  第三个参数为数字时候的输出结果:

  第三个参数为转义字符\t的时候输出的结果:

  第三个参数为字符串时候的输出结果:

 

参考资料:

http://www.jb51.net/article/29893.htm


 
5张图,搞懂三方支付机构的“备付金账户”体系 本文将详细解析第三方支付机构各类备付金账户的功能定位、所承载的支付业务处理流程以及日常管理。 阅读详情

相关推荐

Spring Cloud 整合(一) CRUD

Springcloud 整合之 CRUDSpringcloud介绍功能概述为什么要选用Springcloud Springcloud介绍 功能概述 实现微服务 Spring Cloud为开发人员提供了工具,以快速构建分布式系统中的某些常见模式(例如,配置管理,服务发现,断路器,智能路由,微代理,控制总线,一次性令牌,全局锁,领导选举,分布式会话,群集状态)。分布式系统的协调导致样板式样,并且使用Spring Cloud开发人员可以快速站起来实现这些样板的服务和应用程序。 为什么要选用Springcloud

Kerwin-Lin的博客 1501

JS中的JSON.Stringify 方法详解

在大厂的前端面试过程中,JSON.Stringify常常被问到,那么能够熟练的运用,掌握就必不可少。 那么,到底什么是 JSON.stringify 方法? 方法基本介绍 JSON.stringify 是日常开发中经常用到的 JSON 对象中的一个方法,JSON 对象包含两个方法: 用于解析成 JSON 对象的 parse(); 用于将对象转换为 JSON 字符串方法的 stringify()。 下面我们分别来看下两个方法的基本使用情况。 JSON.parse JSON.parse 方法用来解析 JSO

CRMEB小程序商城的博客 3万+

星网宇达Newton-M2设备安装及配置

主要介绍了星网宇达Newton-M2设备的配置过程

weixin_49353445的博客 2676

JSON.stringify(将某个对象转换成 JSON 字符串形式)

来假设这样一个场景,后端返回了一个很长的对象,对象里面属性很多,而我们只需要其中几个属性,并且这几个属性我们要存储到。对象用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。可以将对象序列化为字符串,因此我们可以借助字符串的方法来实现简单的对象相等判断。是数组时,可以简单的过滤出我们所需的属性,是一个不错的小技巧。结果不同,因此在开始之前我们需要处理一下数组中的对象。,一个快速成长中的小前端,希望可以和大家一起进步。借助上面的思想,我们还能实现简单的数组对象去重。

qq_45991812的博客 1万+

星空组网 vs 蒲公英 vs Tailscale:2024年国内免费异地组网工具横评(含实测数据)

本文对2024年国内主流免费异地组网工具星空组网、蒲公英和Tailscale进行了深度横向评测。基于实测数据,重点分析了三者在P2P成功率、中继延迟、传输速度及稳定性方面的表现,为中小企业、远程办公及个人开发者提供了清晰的选择指南。星空组网在国内网络环境下展现出优秀的平衡性。

weixin_29217235的博客 1439

地平线Matrix-Client实战:3分钟搞定摄像头调试与3D视图配置(附避坑指南)

本文详细介绍了地平线Matrix-Client在摄像头调试与3D视图配置中的实战技巧,包括环境准备、核心功能快速上手、高阶调试与性能优化等。通过3分钟快速配置指南和避坑建议,帮助开发者高效完成智能视觉系统开发,特别适用于自动驾驶和机器人视觉领域。

w7x8y9z的博客 267

JSON.parse()用法

JSON.parse()用法 JSON.parse()方法将JSON格式字符串转换为js对象(属性名没有双引号)。 解析前要保证数据是标准的JSON格式,否则会解析出错。 var jstr = '{"name":"wust", "url":"www.wust.edu.cn", "age":120}' var obj = JSON.parse(jstr); // 结果 obj= { name:"wust", url:"www.wust.edu.cn", age:120 } var jarrstr = '.

qq_44709805的博客 5万+

浅显易懂地看LLC变换器(三)

第3期 谐振与增益的定性关系 由简单的谐振电路说起 我们将以电感和电容的基本电路的特性逐渐了解谐振电路的特性 与电阻不同,电感和电容都不是纯阻性线性器件,电感的感抗XL和电容的容抗Xc都与频率有关,当加在电感和电容上的频率发生变化时,它们的感抗XL和容抗Xc会发生变化。 1) 如下图RL电路,当输入源Vin的频率增加时,电感的感抗增大,输出电压减小,增益Gain=Vo/Vin随频率增加而减小。 2) 如下图RC电路,相反,当输入源Vin的频率增加时...

iFTrue电力电子专栏 6738

JSON.stringify() 和 JSON.parse()

我们知道,JSON.stringify() 和 JSON.parse() 是一对处理JSON数据的方法,前者是将JSON对象序列化为字符串,而后者是将JSON字符串解析为JSON对象。但是你有较为深入地去了解过它们吗?它们分别可以传入几个参数以及每个参数对应的作用是什么呢?

m0_61343119的博客 1万+

Python爬虫实战:基于最新技术栈的晋江文学城小说爬取

本文将详细介绍如何使用Python最新技术栈构建一个高效的晋江文学城小说爬虫。我们将从爬虫基础知识讲起,逐步深入到反爬机制应对、分布式爬虫设计以及数据存储优化等高级话题。文章包含完整的代码实现,使用aiohttp+asyncio实现异步爬取,Playwright处理动态渲染,并结合Redis实现分布式任务队列。本文旨在为读者提供一个全面的现代Python爬虫开发指南。网络爬虫(Web Crawler)是一种自动抓取互联网信息的程序,广泛应用于搜索引擎、数据分析和内容聚合等领域。

2201_76125261的博客 870

第一节:初识n8n与下一代工作流自动化

本章介绍了n8n的Fair-code理念与节点式架构,对比了其与Zapier/Make的核心差异,并引导读者在n8n Cloud上完成首次界面导览,建立了工作流自动化的宏观认知。

easeyoo的专栏 106

JSON.stringify 语法实例讲解 JSON格式化

语法:    JSON.stringify(value [, replacer] [, space])  value:是必选字段。就是你输入的对象,比如数组,类等。 replacer:这个是可选的。它又分为2种方式,一种是数组,第二种是方法。    情况一:replacer为数组时,通过后面的实验可以知道,它是和第一个参数value有关系的。一般来说,系列化后的结果是通过键值对来进行

fgx_123456的博客 862

C++笔记之emplace_back(),push_back()性能比较i++ 、 ++i

操作是否需要临时对象/拷贝性能需要(构造临时对象)较慢不需要(直接构造)较快i++需要(保存旧值)对于内置类型无影响,但对于自定义类型(如迭代器、大对象)会有拷贝开销++i不需要相对更快(尤其是自定义类型)都存在"是否需要额外的临时对象/拷贝"这一性能差异点和++i都是更高效的版本(避免临时对象/拷贝)和i++都可能产生额外的临时对象(前者构造临时对象,后者保存旧值)对于内置类型(如int),i++和++i性能几乎没有差异(编译器会优化);但对于自定义类型(尤其是迭代器等重量级对象),

小勇博客 98

JSON.stringify() / JSON.parse() / JSON 真是个好东西

JSON.stringify() / JSON.parse() / JSON 真是个好东西

Lyrelion的博客 1071

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

获取json键值对的key值_你不知道的JSON参数

JSONJSON的语法可以表示三种类型的值简单值:使用鱼javascript相同的语法,可以在JSON中表示字符串、数值、布尔值和null。(注:JSON不支持JavaScript中的undefined)对象:对象作为一个复杂数据类型,表示的是一组有序的键值对,每个键值对中的值可以是简单值,也可以是复杂的数据类型数组:数据也是一种复杂的数据类型,表示一组有序的值,可以通过数组索引来访问其中的值/数...

weixin_39835925的博客 1313

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

JS-JSON

轻量级的数据交换格式,用于描述对象数据的语法的扩展。

qq_45179355的博客 348

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

7、框架-SpringMVC-JSON

什么是JSON 什么是JSON? JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式,目前使用特别广泛。 采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。 在 JS 语言中,一切都是对象。因此,任何JS支...

Princess_Li的博客 206

JavaScript高级程序设计-第三版(JSON)

JavaScript二十、JSON20.1 语法20.1.1 简单值20.1.2 对象20.1.3 数组20.2 解析与序列化20.2.1 JSON对象20.2.2 序列化选项20.2.2.1 过滤结果20.2.2.2 字符串缩进20.2.2.3 toJson()方法20.2.3 解析选项 二十、JSON JSON JavaScript Object Notation 20.1 语法 ...

qq_37112587的博客 251

JSON JSON.parse() JSON.stringify()介绍

1.JSON.parse; 作用:将JavaScript对象表示法的JSON字符串转换为对象(字符串转对象) 语法:JSON.parse(text [, reviver]) text 必选。 一个有效的 JSON 字符串。 reviver 可选。 一个转换结果的函数。 将为对象的每个成员调用此函数。 返回值:JSON对象 实例: var jsonStr = '{"name":"leinov"...

119

SpringMVC:JSON

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。 对象表示为键值对,数据由逗号...

wu_botao的博客 162

深圳软件测试培训:Json解析

深圳软件测试培训:Json解析 JSON是JavaScript的一个严格的子集,利用JavaScript中的一些模式来表示结构化数据。 一.JSON语法 JSON和XML类型,都是一种结构化的数据表示方式。所以,JSON并不是JavaScript独有的数据格式,其他很多语言都可以对JSON进行解析和序列化。 JSON的语法可以表示三种类型的值: 1.简单值:可以在JSON中表示字符串、数值、布尔...

莫安迪 169

JSON学习笔记

JSON (JavaScript Object Notation, JS对象标记) 是一种轻量级的数据交换格式。采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。作用:JSON:前后端分离中,数据交互的王者!

qq_46485137的博客 492

js JSON

1. 语法 JSON 的语法可以表示三种类型的值。 简单值 : 可以在 JSON 中表示字符串、数值、布尔值和 null,字符串必须用双引号。 对象 : 表示的是一组有序的键值对,对象的属性必须用双引号。 数组 : 数组的值也可以是任意类型——简单值、对象或数组。 JSON 对象 JSON 对象有两上方法 ...

aoxiuqin0085的博客 68

JavaScript|第17章:日期、时间与 JSON

JavaScript 日期、时间与 JSON 摘要 本章深入讲解 JavaScript 中的日期时间处理和 JSON 操作: Date 对象基础 内部使用毫秒时间戳存储 四种创建方式:无参(当前时间)、时间戳、日期字符串、数值参数 特别注意月份从0开始(0=1月)的陷阱 日期字符串解析的时区差异问题 日期操作 提供 get/set 系列方法操作年月日时分秒 时区处理:UTC 与本地时间转换 多种格式化方法:toISOString、toLocaleString 等 JSON 处理 JSON.stringify

xhmico的博客 219

JSON.stringify和JSON.parse语法实例讲解

语法:    JSON.stringify(value [, replacer] [, space])  value:是必选字段。就是你输入的对象,比如数组,类等。 replacer:这个是可选的。它又分为2种方式,一种是数组,第二种是方法。    情况一:replacer为数组时,通过后面的实验可以知道,它是和第一个参数value有关系的。一般来说,系列化后的结果是通过键值对来进行

jiangshubian的博客 6659
上一篇: jQuery对象与DOM对象之间的转换方法
下一篇: PowerDesigner逆向工程导入MYSQL数据库总结
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值