小程序 JSON.stringify() 和 JSON.parse() 的使用

这篇具有很好参考价值的文章主要介绍了小程序 JSON.stringify() 和 JSON.parse() 的使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

序:咋说呢!嗯,就是传值不用写那么多,直接传一个键值就可以了,就是为了简便。

1、JSON.stringify():用于将 JavaScript 值转换为 JSON 字符串(将对象或数组转换为 JSON 字符串)

传值:

navTab(e){
  var obj = e.currentTarget.dataset.obj; // {'id':1,'img':'/static/image/y.jpg','date':'2022-09-15','note':'想啥子哩'}
  wx.navigateTo({
    url: '/pages/demo/demo?obj=' + JSON.stringify(obj),
  })
},

2、JSON.parse() :将一个 JSON 字符串转换为 JavaScript 对象(将字符串转换为 JavaScript 对象)

demo.js文章来源地址https://www.toymoban.com/news/detail-522134.html

onLoad: function (options) {
  var that = this;
  var obj = JSON.parse(options.obj);
  if(obj) {
    // 编辑 回显数据
    that.setData({
      id: obj.id,
      img: obj.img,
      date: obj.date.substring(0, 16),
      note: obj.note,   
    })
  }
},

到了这里,关于小程序 JSON.stringify() 和 JSON.parse() 的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JSON.stringify()与JSON.parse()没有你想的那样简单

    重新学习这两个API的起因 大家对 JSON.string() 的第一印象是什么? JSON.string()转换的值中有 toJSON() 方法,那么返回值直接替代当前这个对象 有 toJSON() 方法没有返回值会怎么样? 无法序列化错误对象,错误对象将会被转为为空对象 对象中不可枚举的值将不会对其序列化 NaN 和

    2023年04月17日
    浏览(31)
  • JSON.stringify()和JSON.parse()那些你不知道的参数

    最常用:JSON.stringify将对象/数组转换成字符串;JSON.parse将字符串转成json对象, 当他俩配合起来,一起作用在一个变量上时,是深拷贝的功能。 JSON.parse 是有两个参数的,第一个必填,另一个可选函数 JSON.stringify 是有三个参数,第一个必填,其他俩可选 第一个就是对象, 第

    2024年02月12日
    浏览(25)
  • 微信小程序加载本地json和使用gulp压缩js

    创建json.js, data 里是json内容,exports 是数据出口 使用 这个require后面的参数是入口文件的文件路径,但是注意必须是相对路径,不能绝对路径。 小程序提示\\\"以下文件体积超过 500KB,已跳过压缩以及 ES6 转 ES5 的处理\\\" 环境 安装node.js(npm) 安装git npm install --global gulp 全局安装gu

    2024年02月13日
    浏览(34)
  • uniapp使用微信开发工具打开微信小程序运行[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

    这是 uniapp 项目 还未转成微信小程序 需要转换一下     重点:   首先一定要有 unpackage文件夹   如果没有的需要到HBuilder X 编译一下 编译完,可以看到如下目录既可以了

    2024年02月07日
    浏览(32)
  • 解决微信小程序“app.json: [“workers“] 字段需为 目录“错误及worker的使用

    我们如果遇到[ miniprogram/app.json 文件内容错误] miniprogram/app.json: [“workers”] 字段需为 目录(env: Windows,mp,1.06.2209190; lib: 2.21.4)这样的错误,那么一定是我们在app.json中定义了这个字段。 1.方法一: 找到这个字段直接删除即可。 2.方法二: 在你的项目目录中补充一个对应的worker

    2024年02月12日
    浏览(25)
  • 微信小程序使用lottie-miniprogram插件。显示json格式的动画,手机上锯齿模糊问题

    https://github.com/wechat-miniprogram/lottie-miniprogram 使用办法 通过 npm 安装: 传入 canvas 对象用于适配

    2024年02月11日
    浏览(38)
  • 微信小程序报错[ app.json.json 文件错误] app.json: app.json

    我在编写微信小程序的时候报错 我在网上百度错误的原因,说我的目录里面的 但是我添加上这个代码还是会报错,后来我仔细排查,原来是我的app.json的代码又问题,问题出在   后来我把代码改为这样就不报错了 、就是把debug那行代码去掉。发在这里希望同样有问题的小伙

    2024年02月11日
    浏览(32)
  • 微信小程序读取本地json

    首先在项目录下新建【server】文件夹,新建data.js文件,并定义好json数据格式。如下: pages/index/index.ts导入data.js并请求json pages/index/index.wxml页面展示数据  

    2024年02月14日
    浏览(28)
  • 【微信小程序】--JSON 配置文件作用(三)

    💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询! 💖 欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信 😘 😘 😘   大家好,又见面了,

    2024年02月09日
    浏览(28)
  • 微信小程序[ app.json 文件内容错误] app.json: app.json 未找到解决方法

    第一次导入项目运行,经常会报app.json找不到 这是因为project.config.json文件被微信开发者工具修改,缺少代码:“miniprogramRoot”: \\\".dist/dev/mp-weixin/\\\"   在开发者工具中找到dist文件夹下/dev/mp-weixin/project.config.json,复制到项目根目录中 重新编译运行,报错即可解决  

    2024年02月11日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包