ts:json串转换成数组

本文介绍了如何在 TypeScript 中将接收到的 JSON 字符串转换为数组。在页面A传递参数到页面B的过程中,由于JSON格式的变化,需要在页面B使用JSON.stringify和JSON.parse方法组合,来正确地将JSON字符串还原为数组。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  小咸儿在做项目的时候,需要做一个批量更新的功能,但是批量更新所需要的Id却需要从另一个页面a传过来。

  一开始小咸儿使用的方式是:直接将接收到的json串传递到页面a

使用数组接受返回值:
在这里插入图片描述
页面a跳转页面b并传递参数:
在这里插入图片描述
  结果在页面b接收时,竟然变成了这样
在这里插入图片描述
  所以小咸儿想要在页面b中将接过来的json串数据进行转换,但是试了多种方法仍然不行,经过询问大佬之后才明白,可以结合

JSON.stringify() 方法和 JSON.parse()方法使用

页面a跳转页面b并传递参数:
在这里插入图片描述
在页面b接收时:
在这里插入图片描述
  这样在打印出来的内容就是我想要的普通数组的样式了。

总结

  • JSON.stringify():方法是将一个对象或者数组转换为一个JSON字符串,如果指定了replacer是一个函数,则可以选择性的替换值,或者如果指定了replacer是一个数组,可选择性的仅包含数组指定的属性。

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

 参数:value(将要序列化成一个JSON字符串的值),replacer(可选),space(可选)

  • JSON.parse():方法是将一个JSON字符串转换为对象。

 语法:JSON.parse(text[, reviver])

 参数:text(必需,一个有效的JSON字符串),reviver(可选)

评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值