小程序 setData 方法支持路径表达式来设置属性,例如 setData({"x.y.z": 1})

微信官方没有公布路径表达式的语法规则及解析规则,本文所描述的路径表达式解析规则由 miniprogrampatch 实现并总结而来。

概述

小程序的路径表达式基本操作符包括对象属性访问符.和数组成员访问符[]

例如:

  • a.b 表示访问对象 ab 属性。
  • a[0] 表示访问数组 a 的第 2 个成员。
  • a[0]b 表示访问数组 a 的第 2 个成员的 b 属性。

当对象属性访问符和数组成员访问符连在一起时,可以省略书写属性访问符。

数组关闭符与属性访问符在特殊情况下省略属性访问符会产生歧义,参见下文“路径表达式解析奇葩规则”。

例如:a.[0].b 等同于 a[0]b

路径表达式语法规则

路径表达式必需满足以下条件:

  • 必需是一个字符串,或者可以转换成字符串的原始数据类型或者对象。
  • 不能是空字符串。
  • 不能以数组符号开头,即路径不能以字符串 [ 开头。
  • 不能以未关闭的数组符号加上属性表达式结尾,例如 a[bc 是非法的。
  • 不能存在空数组表达式,即不能包含 [] 字符。
  • 第一个数组表达式关闭符号 ] 不能在第一个数组表达式起始符号 [ 之前。

路径表达式解析时会遵循以下规则:

  • 连续多个属性访问符会被转换为一个,即 a...b.c 等于 a.b.c
  • 以属性访问符开头或结尾会被删除,即 .a.b. 等同于 a.b
  • 处于结尾的未关闭数组表达式会被删除,即 x.y[12x.y[[[[ 均等同于 x.y
  • 连续多个空字符串会被转换为一个。

路径表达式解析时奇葩规则:

  • 数组表达式中只能包含数字、句号、左方括号。

    • 所以数组表达式中不能使用负数,例如 a[-1] 是非法的。
    • 数组表达式中的句号和左方括号都将被删除,例如 a[.1.1.] 等同于 a[11],a[.[.[[1] 等同于 a[1]
  • 每个单独的数组关闭符号 ] 都会生成新的数组,而所有单独的数组关闭符号之间的字符串(不包含属性访问符.)将被提取出来拼接成一个属性名称。
    • 例如 x[1]2]3] 4x ]y 等同于 x[1][0][0][0]23 4x y,但 x[1]2]3] 4x ].y 等同于 x[1][0][0][0]23 4x .y。(此处不满足上文所说属性访问符和数组访问符在一起时可以省略书写属性访问符的规则)
  • 当单独数组关闭符号中间包含属性访问符时,优先解析属性访问符。
    • 例如 x[1]2].a3]x 等同于 x[1][0]2[0]a3x

示例

合法路径及其解析结果:

原路径 解析结果
"x" "x",
"x.y.z" "x.y.z",
"1.2" "1.2",
"x.y.[2][12]xy.z" "x.y[2][12]xy.z",
"x.y[11.11]z" "x.y[1111]z",
"x.y[.11.]z" "x.y[11]z",
"x[1111" "x",
"x[1[2]23" "x[12]23",
"x[1][2]]]]y" "x[1][2][0][0][0]y",
"x[1].[.[.[2]]]]y" "x[1][2][0][0][0]y",
"x[1]23]4]5]6]y" "x[1][0][0][0][0]23456y",
"x[1]23]4]5x ]6]" "x[1][0][0][0][0]2345x 6",
"x[1]23]4]5]6].y" "x[1][0][0][0][0]23456.y",
"b[1]2].a3].x" "b[1][0]2[0]a3.x"

非法路径及其非法原因:

原路径 非法原因
"" 空字符串非法
"[1]x" 数组开头非法
"x]][0]" 第一个 ] 出现在第一个 [ 之前
"x[a]" 数组中只能包含数字
"x[abc" 未关闭数组符号,且紧跟非数字
"x[]" 存在空数组符号
"x[-1]" 数组中只能包含数字
"x[ 1]" 数组中只能包含数字
"x[.]" 数组中的句号会被删除,导致存在空数组
"x[1 1]" 数组中只能包含数字
"x[ ]" 数组中只能包含数字

小程序路径表达式解析方案具体实现及测试参见 miniprogrampatch

微信小程序路径表达式解析规则的更多相关文章

  1. ****微信小程序架构解析

    | 导语   微信小程序的公测掀起了学习小程序开发的浪潮,天生跨平台,即用即走.媲美原生体验.完善的文档.高效的开发框架,小程序给开发者带来了很多惊喜.通过这篇文章和大家一起分析小程序的架构,分享开发 ...

  2. 一起脱去小程序的外套和内衣 - 微信小程序架构解析

    版权声明:本文由渠宏伟  原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/760767001484042227 来源:腾云阁 ...

  3. 微信小程序如何解析html内容

    最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过w ...

  4. 微信小程序session_key解析中反斜杠问题处理 Java解析

    Java服务端微信小程序解密用户信息.手机号需用到session_key也需要decode,以下是官方描述: 加密数据解密算法 接口如果涉及敏感数据(如wx.getUserInfo当中的 openId ...

  5. 微信小程序xml解析

    准备: 下载xmldom库:https://github.com/jindw/xmldom 将dom.js.dom-parser.js.sax.js,entities.js拷贝微信小程序需要的文件夹下 ...

  6. 微信小程序开发——活动规则类文案文件读取及自动转换为小程序排版代码

    前言: 最近做的小程序活动规则内容比较多,且一直处于修改中.由于小程序并不支持类似Html5中的预排版,所以,活动规则内容修改较大的时候,仍需要对新的内容用小程序的<text>组件做下排版 ...

  7. 微信小程序转义解析渲染html

    今天开发小程序时,想调用商品详情字段,发现大部分是用编辑器编辑的html原生标签,无法在小程序直接使用. 后面自己使用正则和字符串替换,效果也不佳. 最后在网上找到了wx-mina-html-view ...

  8. 微信小程序异常解析

    文件解析错误 SyntaxError: Unexpected end of JSON input: 在子目录下添加空白的json配置文件是会出现报错,其原因是因为文件内容空白 pages/index/ ...

  9. 微信小程序, 解析↵换行

    获取到json中的数据,通过“\n”转义,此时我们需要通过正则表达式来替换一下 replace(/↵/g, '\n');   在页面中可以这样 <text class="test-ti ...

随机推荐

  1. pgsql主备搭建及切换

    二.主从搭建 2.1测试目标 测试postgresql主从搭建安装过程 2.2环境准备 实例级别的复制 流复制主库可读写,但从库只允许查询不允许写人, 而逻辑复制的从库可读写 流复制实验环境 主机 主 ...

  2. mapping 映射

    es的映射就相当于编程语言中给变量定义类型,定义后的变量使用起来更高效,未定义的变量相较于定义的性能肯定是不如的.所以需要掌握es映射. 未定义映射es会对提供的数据进行类型猜测,如果对自动判断的类型 ...

  3. MySQL复制技术

    MySQL高可用方案 投票选举机制,较复杂 MySQL本身没有提供replication failover的解决方案,自动切换需要依赖MHA脚本 可以有多台从库,从库可以做报表和备份 MySQL复制技 ...

  4. linux部署docker镜像

    安装git yum install git 生成ssh秘钥 cat ~/.ssh/id_rsa.pub //查看是否有秘钥 ssh-keygen -t rsa -C "" //生成 ...

  5. Leetcode79 Word Search

    题目描述 Given a 2D board and a word, find if the word exists in the grid. The word can be constructed f ...

  6. Linux传输指令-scp

    本地传到远程 scp -rf bt.plist cjp@centos:~/下载 从远程下载到本地 scp -rf cjp@centos:~/下载 ~ 参数详解 参数 描述 -a 尽可能将档案状态.权限 ...

  7. Spring Boot 各版本的Java版本要求

    Spring Boot 各版本的Java版本要求 Spring Boot 与 Java 对应版本,以下表格由官方网站总结. 官网:https://spring.io/projects/spring-b ...

  8. matlab-层次分析法

    层次分析法(AHP)是把问题条理化.层次化,构造出一个有层次的结构模型的方法. 比如要选择旅游地,有3个选择方案,苏杭.北戴河和桂林.选择过程需要考虑多个因素,比如景色.费用.居住.饮食和旅途. 1. ...

  9. gulp babel 配置不报错也没有输出结果的原因

    环境: "@babel/core": "^7.1.6", "gulp-babel": "^8.0.0", "@ ...

  10. VueCli3如何传递scss全局变量

    当我们尝试在一个scss文件中定义全局变量然后在.vue文件中使用的时候 哦豁,找不到变量,意料之外 我发现犯了一个错误,没导入,@import 'path/to/file.scss',不过这样的话, ...