uniapp解析蓝牙设备响应数据bug

本文章为了解决《uniapp 与蓝牙设备收发指令详细步骤(完整项目版)》中第十步的Array 解析成 number函数bug

1、原代码说明

js 复制代码
function array16_to_number(arrayValue) {
	const newArray = arrayValue.filter(item => String(item) !== '00' || String(item) !== '0')
	const _number16 = newArray.map(hex => parseInt(hex, 16).toString(16)).join('')
	return parseInt(`0x${_number16}`)
}

该函数用于将16进制的数组转成10进制数字。

2、Bug场景:日期

对于大多数场景的转换都能正常实现,但是对于日期场景则会出现异常,并且并不是每次都会出现解析错误。

2.1 例子1

经过原函数转换结果为107925822

但是!!! ,如下图十六进制的内容660ed13e,其十进制的结果应该为1712247102

结论: 由于parseInt函数解析的时候会忽略字符串前面的0。

2.2 例子2

已数组['66','e0','d1','00']为例,经过原函数的转换得到结果如下图,为107875600

但实际的十进制结果如下图所示,为1726009600

这个问题为原代码逻辑问题,在函数中已经过滤了00格式的值。因此根据需要确定是否需要移除该代码。(若函数引用次数多,直接移除可能导致其他问题)

js 复制代码
const newArray = arrayValue.filter(item => String(item) !== '00' || String(item) !== '0')

3、最新代码说明(推荐方式)

由于array16_to_number()需要处理的数组中确实需要移除00元素的值,因此采用新增参数的方式 优化函数,然后在解析日期的位置进行特殊处理即可。

js 复制代码
/**
 * 将16进制数组转换成数字

 * @param {Object} arrayValue 16进制的数组
 * @param {Object} notFilter 是否保留数组中值为 00 的元素;可以传入任何值,建议传入 true,否则不需要传值
 */
function array16_to_number(arrayValue, notFilter) {
	let newArray = arrayValue.filter(item => String(item) !== '00' || String(item) !== '0')
	// 有些部分功能不需要将 00 的元素移除
	if(notFilter) newArray = arrayValue
	
	const _number16 = newArray.map(hex => {
		let t_str_numer = parseInt(hex, 16).toString(16)
		// 解决零开头的值会被解析错误,例如:hex=0a,最后会被解析为a
		// 将长度不为2的内容,使用0在字符串前面进行填充
		return t_str_numer.length < 2 ? t_str_numer.padStart(2, '0') : t_str_numer
	}).join('')
	return parseInt(`0x${_number16}`)
}

使用最新函数处理以上两个例子结果如下。

相关推荐
程序猿DD21 分钟前
OctaFuse Gateway 2.11.0:流式请求优化、用户折扣策略与错误契约升级
前端·后端
尾善爱看海24 分钟前
《JavaScript 数组操作全攻略:12 类 API + 30 个实战场景 + 20 个避坑指南》
前端·javascript·面试
计算机魔术师41 分钟前
Anthropic 估值冲 4 万亿,但企业客户已经偷偷换了便宜模型
前端
王六米。1 小时前
RAG知识库建设 文档解析 切分与索引如何衔接
服务器·前端·网络·企业数字化转型·智钳智能盒子
名字还没想好☜1 小时前
React 文件上传实战:预览 URL 回收、多文件逐个进度与拖拽放置区踩坑
前端·react·next.js
console.log('npc')1 小时前
06 — Model 层:数据模型与操作
前端·后端·node.js·express
白远山1 小时前
上海24小时自助健身房系统软件开发实战指南
java·架构·uni-app·需求分析
linux_cfan1 小时前
16 · `custom-media-element`:属性拦截与转发
前端·javascript·音视频
右耳朵猫AI1 小时前
Web前端周刊2026W38 | React 19.3 发布、StyleX 深潜、jsdom 30.1 提速
前端·javascript·react.js·typescript·node.js
人工智能培训2 小时前
大语言模型:从语言理解到通用智能的跃迁
linux·服务器·前端·人工智能