1、解析函数无法解析{“ligh”:0010}不规范的JSON数
//解析函数无法解析{“ligh”:0010}不规范的JSON数据
if (e.method === 'receive') {//e 是 MQTT 事件对象，e.method 表示事件类型。当接收到 MQTT 消息时，method 的值是 'receive'
try {//try 语句开始一个错误处理块。如果块内的代码出现错误，会跳转到 catch 块，防止程序崩溃。
const data = typeof e.data === 'string'//检查 e.data 的数据类型是否是字符串，
? JSON.parse(e.data)//是字符串，使用 JSON.parse() 将其解析为 JavaScript 对象
: e.data//如果不是字符串（可能已经是对象），直接使用原值if (data.ligh !== undefined) this.ligh = Number(data.ligh)//符串 "0010" → 数字 10（自动去掉前导0）
if (data.mode !== undefined) this.mode = Number(data.mode)} catch (err) {//如果 try 块中的代码出现错误（比如 JSON 格式错误），会跳转到这里
console.error('JSON 解析失败', err)
}
}
2、修改：这个方案能稳定处理{"ligh":0010}这种格式，并且有很好的兼容性
if (e.method === 'receive') {
console.log('收到数据:', e.data)
// 将数据转为字符串处理
const rawData = String(e.data)
// 专用解析函数
const parseHardwareFormat = (str) => {
const result = {}
// 匹配 ligh:0010 或 "ligh":0010
const lighMatch = str.match(/ligh["]?\s*[:=]\s*0*(\d+)/i)// （只支持整数）
if (lighMatch) {
result.ligh = parseInt(lighMatch[1], 10)
}
// 匹配 mode:1 或 "mode":1
const modeMatch = str.match(/mode["]?\s*[:=]\s*0*(\d)/i)// （只支持整数）
if (modeMatch) {
result.mode = parseInt(modeMatch[1], 10)
}
return result
}
// 解析数据
const data = parseHardwareFormat(rawData)
console.log('解析结果:', data)
// 更新到组件
if (data.ligh !== undefined) this.ligh = data.ligh
if (data.mode !== undefined) this.mode = data.mode
}
程序解析：
const lighMatch = str.match(/ligh["]?\s*[:=]\s*0*(\d+)/i)解释下
1.
/和/i
/：正则表达式的开始和结束分隔符
/i：忽略大小写标志，ligh可以匹配ligh、LIGH、Ligh等2.
ligh
匹配字面字符串
"ligh"因为
/i标志，也匹配LIGH、Ligh等3.
["]?
["]：匹配一个双引号字符"
?：表示前面的字符可选（0次或1次）作用：匹配可能有引号也可能没有的情况
示例：
"ligh"✓（有引号）
ligh✓（没有引号）4.
\s*
\s：匹配任意空白字符（空格、制表符、换行等）
*：表示前面的字符出现0次或多次作用：匹配键值对之间的空白
示例：
ligh:0010✓（没有空格）
ligh :0010✓（有空格）
ligh :0010✓（多个空格）5.
[:=]
[:=]：字符集合，匹配:或=作用：匹配分隔符
示例：
ligh:0010✓（使用冒号）
ligh=0010✓（使用等号）6.
\s*
再次匹配可能的空白字符
示例：
ligh: 0010✓（分隔符后有空格）
ligh:0010✓（没有空格）7.
0*
0：匹配数字0
*：0次或多次作用：匹配前导零
示例：
0010→ 匹配00
10→ 匹配空（没有前导0）
0→ 匹配08.
(\d+)
\d：匹配数字（0-9）
+：1次或多次
()：捕获分组，提取匹配的内容作用：捕获实际的数值部分（去掉前导0后的数字）
示例：
0010→ 捕获10
4100→ 捕获4100
0→ 捕获0
测试结果："{"ligh":0010}" → 匹配组: "10" → 数值: 10 "{ligh:0020}" → 匹配组: "20" → 数值: 20 ""ligh":0030" → 匹配组: "30" → 数值: 30 "ligh=0040" → 匹配组: "40" → 数值: 40 "ligh : 0050" → 匹配组: "50" → 数值: 50 "LIGH:0060" → 匹配组: "60" → 数值: 60 ""LIGH" = 0070" → 匹配组: "70" → 数值: 70 "ligh:0" → 匹配组: "0" → 数值: 0 "ligh:100" → 匹配组: "100" → 数值: 100
3、如果要增加解析{“ligh”:0.12}在这种浮点数呢
//支持不规则JSON整数与浮点数
if (e.method === 'receive') {
console.log('收到数据:', e.data)
// 将数据转为字符串处理
const rawData = String(e.data)
// 专用解析函数
const parseHardwareFormat = (str) => {
const result = {}
// 匹配 ligh:0010 或 "ligh":00.10
const lighMatch = str.match(/ligh["]?\s*[:=]\s*(\d*\.?\d+)/i)// （支持整数和小数）
if (lighMatch) {
// 使用 parseFloat 自动处理整数和小数
this.ligh = parseFloat(lighMatch[1])
console.log('光照值:', this.ligh)
}
// 匹配 mode:1 或 "mode":1
// mode 通常用整数
const modeMatch = rawData.match(/mode["]?\s*[:=]\s*(\d+)/i)
if (modeMatch) {
this.mode = parseInt(modeMatch[1], 10)
}
return result
}
// 解析数据
const data = parseHardwareFormat(rawData)
console.log('解析结果:', data)
// 更新到组件
if (data.ligh !== undefined) this.ligh = data.ligh
if (data.mode !== undefined) this.mode = data.mode
}
