JSON对象和字符串的互转

// json对象
let jsonitem = {"key":"网站","name":"百度","url":"https://www.baidu.com"}
// json对象转json字符串
let jsonstr = JSON.stringify(jsonitem)// 或增加URI组件编码
jsonstr = encodeURIComponent(jsonstr)
// json字符串转json对象
let jsonitem = JSON.parse(jsonstr)// 或增加URI组件解码
let jsonitem = JSON.parse(decodeURIComponent(jsonstr))

注意事项
1、JSON操作时一定要保证是JSON格式的字符串,或对象。
报错如下:

原代码
1)JSON对象转字符串

2)JSON字符串转对象

解决:JSON字符串转对象时,字符串值应该是

let jsonstr = options.item

跳转设置是:“…?item=”+jsonstr,即字符参数是item,所以转换时要取值options中的item,而不是options。

2、如果对象中含有特殊字符时,会造成转换报错,并出现错误提示Unexpected end of JSON input
解决措施:在实际编码中,增加URI组件的编码和解码,代码示例如下

// json对象转json字符串
let jsonstr = JSON.stringify(jsonitem)
// 或增加URI组件编码
jsonstr = encodeURIComponent(jsonstr)// 增加URI组件解码
let jsonitem = JSON.parse(decodeURIComponent(jsonstr))

微信小程序开发——json对象和字符串转换相关推荐

  1. 微信小程序开发 Array对象的属性与方法

    Array属性: length 设置或返回数组中元素的个数 Array 方法: concat():连接两个或更多的数组,并返回结果 join():把数组的所有元素放入字符串,并用指定的分隔符进行分隔 ...

  2. 微信小程序wxml如何判断字符串中汉语某字符_微信小程序开发经典案例解析“嗨兔儿”...

    嗨兔儿是微信公众号嗨日语歌(hitaici)助手,主要为用户提供,关键词检索,帮助手册等,为外语学习者提供一个便捷的操作方式,能够开心工作,开心生活. 开发过程及注意事项分享视频. 1. 微信小程序开 ...

  3. 微信小程序开发教程之Array数组对象

    最新消息,Hi小程序小编了解到,微信小程序开发教程之Array数组对象. 微信小程序开发教程已经是当下最热门的话题,下面将从多方面来谈谈Array数组对象相关的内容. Array,又称作数组对象我们通 ...

  4. 微信小程序js数组初始化_微信小程序开发之改变data中数组或对象的某一属性值...

    前言:在小程序的开发中,我们在view中便利data中数组或对象时,很多情况下需要在js中动态改变数组或者对象中某一香的属性值. 效果图: 我给大家总结了案例如下: wxml如下: {{item.we ...

  5. 关于微信小程序开发中遇到的缺少game.json问题的解决

    关于微信小程序开发中遇到的缺少game.json问题的解决 参考文章: (1)关于微信小程序开发中遇到的缺少game.json问题的解决 (2)https://www.cnblogs.com/ygxd ...

  6. 微信小程序开发之路(二)

    由于前段时间比较忙,已经有半个多月没有更新文章了.最近微信小程序频繁更新,越来越开放,所以今天我们将继续探讨小程序. 在微信小程序开发之路(一)中讲到微信小程序的单向绑定以及使用setData()方法 ...

  7. 微信小程token_微信小程序开发之登录换取token

    本文将带你了解微信小程序开发之登录换取token,希望本文对大家学微信有所帮助 前言:这次主要是介绍些业务逻辑,技术点倒是没有多少.不过在开发中,优秀的编程思路同样是非常值得学习的. 最近小程序可以说 ...

  8. 微信小程序开发的基本用法

    微信小程序开发的基本用法 1.数组或对象的遍历 1.1.数组遍历 wx:for="{{数组或对象}}" wx:for-item="循环项的名称" wx:for- ...

  9. 微信小程序开发基础入门笔记

    文章目录 vsc 安装插件(小程序开发助手-微信小程序开发助手) 日常注意: 微信小程序WXS模块的使用 框架 1小程序结构和传统的web结构 2 基本的项目目录 3全局配置app.js 4.运算 = ...

最新文章

  1. 2019年全球数字化转型现状研究报告
  2. eclipse 向HDFS中创建文件夹报错 permission denied
  3. 深度包检测 DPI 介绍
  4. 【已解决】navigateTo:fail page “/pages/.../...“ is not found
  5. HTML基础(part8)--HTML5
  6. NOI.AC-积木【堆】
  7. Android消息队列图片记录
  8. nodejs怎么与c语言通信费是什么,NodeJS介绍与使用
  9. 检测到您尚未安装ALEXA工具条
  10. 地球轨道计算方法,开普勒三大定律的证明,补充-解析几何之椭圆
  11. 程序员亲试,人体工学椅真的有用吗?
  12. access to同义替换_access to 用法
  13. 易优CMS:arcpagelist 瀑布流分页列表
  14. ECCV2020 点云处理——A Closer Look at Local Aggregation Operators in Point Cloud Analysis
  15. 从神经搜索到多模态应用
  16. 刘邦六大用人之道,很值得管理人员学习
  17. 9、HDFS核心设计--心跳机制、安全模式、副本存放策略、负载均衡
  18. Html入门学习总结
  19. 路由器无线桥接的方法
  20. 你是否清楚,什么是真正的八拜之交?

热门文章

  1. 利用Pycharm断点调试Python程序
  2. python msgbox_python学习——EasyGuimsgbox()
  3. 平台业务收款分账产品设计 - 总览
  4. 如何用JAVA计算圆的面积
  5. 一个诡异的iOS bug
  6. hashmap的无序和有序
  7. Spring Boot项目的打包和解压
  8. 字符串函数中的求长度、查找、分割和错误报告函数(strlen,strstr,strtok,strerror)
  9. python是什么邮箱_python发邮件详解,smtplib和email模块详解
  10. BigDecimal比较大小