DDR爱好者之家

JS数组索引检测中的数据类型问题详解
站长资源 2024/11/23 佚名
69 1538
DDR爱好者之家 Design By 杰米

之前在写微信小程序项目时，里面有一个“城市选择”的功能，笔者用的是 <picker-view> 组件，这个组件比较特别，因为它的 value 属性规定是 数组 格式的。比如： value="[1]"。

因为当时对JS变量类型转换的不了解，笔者在代码中写下了这样的几行判断：（这是严谨的）

let val_one=typeof this.data.pIndex=="number""htmlcode">



let length=placeArray[val_one].sub.length
if(val[0]>=length){
 val=[length-1]
}else if(val[0]<0){
 val=[0]
}






之后我再回过头优化这个项目代码时发现这里（强制使用时将数组转为数字，反馈时将数字转为数组）其实大可不必：


JS数组索引检测中的数据类型问题详解


JavaScript似乎对数据有自己“独特”的处理方式，但是目前笔者还没找到相关资料~~


如何判断一个值能不能作为数组下标（索引）


但是可以肯定的是：为整数属性键赋值是数组才有的特例，因为它们与非整数键的处理方式不同。要判断一个属性是否能作为数组的索引，笔者找到了ES6规范文档中的一段话：




当前仅当 ToString(ToUint32(P)) 等于P，并且 ToUint32(P) 不等于 2^32-1 时，字符串属性名称P才是一个数组索引。




这个操作用JS可以这样实现：





function toUint32(value){
	return Math.floor(Math.abs(Number(value))) % Math.pow(2,32);
}
function isArrayIndex(key){
	let numericKey=toUint32(key);
	return String(numericKey) == key && numericKey < (Math.pow(2,32)-1);
}






toUint32() 函数通过规范中描述的算法将给定的值转换为无符号32位整数；isArrayIndex() 函数中先将键转换为uint32结构，然后进行两次比较（toString()后等不等于原数并且是否小于 2^32-1 ）


有了这个基础，我们就可以基于此去简单模仿一下 new Array() 的行为 —— 其中最重要的还是关于length的描述：


JS数组索引检测中的数据类型问题详解





function createArray(length=0){
	return new Proxy({ length },{
		set(trapTarget,key,value){
			let currentLength=Reflect.get(trapTarget,"length");
			if(isArrayIndex(key)){
				let numericKey=Number(key);
				if(numericKey >= currentLength){
					Reflect.set(trapTarget,"length",numericKey+1);
				}
			}else if(key === "length"){
				if(value < currentLength){
					for(let index=currentLength-1;index >= value;index--){
						Reflect.deleteProperty(trapTarget,index);
					}
				}
			}
			// 无论key是什么类型都要执行这段代码
			return Reflect.set(trapTarget,key,value);
		}
	});
}






实验一下：


JS数组索引检测中的数据类型问题详解


总结
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米