之前在寫微信小程序項(xiàng)目時(shí)，里面有一個(gè)“城市選擇”的功能，筆者用的是 <picker-view> 組件，這個(gè)組件比較特別，因?yàn)樗?value 屬性規(guī)定是 數(shù)組 格式的。比如： value="[1]"。

因?yàn)楫?dāng)時(shí)對JS變量類型轉(zhuǎn)換的不了解，筆者在代碼中寫下了這樣的幾行判斷：（這是嚴(yán)謹(jǐn)?shù)模?/p>

let val_one=typeof this.data.pIndex=="number"?[this.daya.pIndex]:this.data.pIndex

（：項(xiàng)目中存取元素是動態(tài)的！

上面這是因?yàn)橐瓜聵?biāo)動態(tài)跟隨用戶選擇，并反饋到wxml里的 value 屬性上展示。

但是在這之前還需要做一層判斷 —— 因?yàn)橛械牡貐^(qū)是省級市或者直轄市，而且要防止用戶“騷操作”，比如一直上拉或者猛的拉出去，這時(shí)候再微信小程序中是會報(bào)錯(cuò)找不到對應(yīng)數(shù)據(jù)的：

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

之后我再回過頭優(yōu)化這個(gè)項(xiàng)目代碼時(shí)發(fā)現(xiàn)這里（強(qiáng)制使用時(shí)將數(shù)組轉(zhuǎn)為數(shù)字，反饋時(shí)將數(shù)字轉(zhuǎn)為數(shù)組）其實(shí)大可不必：

JavaScript似乎對數(shù)據(jù)有自己“獨(dú)特”的處理方式，但是目前筆者還沒找到相關(guān)資料~~

如何判斷一個(gè)值能不能作為數(shù)組下標(biāo)（索引）

但是可以肯定的是：為整數(shù)屬性鍵賦值是數(shù)組才有的特例，因?yàn)樗鼈兣c非整數(shù)鍵的處理方式不同。要判斷一個(gè)屬性是否能作為數(shù)組的索引，筆者找到了ES6規(guī)范文檔中的一段話：

當(dāng)前僅當(dāng) ToString(ToUint32(P)) 等于P，并且 ToUint32(P) 不等于 2^32-1 時(shí)，字符串屬性名稱P才是一個(gè)數(shù)組索引。

這個(gè)操作用JS可以這樣實(shí)現(xiàn)：

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() 函數(shù)通過規(guī)范中描述的算法將給定的值轉(zhuǎn)換為無符號32位整數(shù)；isArrayIndex() 函數(shù)中先將鍵轉(zhuǎn)換為uint32結(jié)構(gòu)，然后進(jìn)行兩次比較（toString()后等不等于原數(shù)并且是否小于 2^32-1 ）

有了這個(gè)基礎(chǔ)，我們就可以基于此去簡單模仿一下 new Array() 的行為 —— 其中最重要的還是關(guān)于length的描述：

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是什么類型都要執(zhí)行這段代碼
			return Reflect.set(trapTarget,key,value);
		}
	});
}

實(shí)驗(yàn)一下：

總結(jié)

到此這篇關(guān)于JS數(shù)組索引檢測中的數(shù)據(jù)類型問題詳解的文章就介紹到這了,更多相關(guān)JS數(shù)組索引檢測的數(shù)據(jù)類型內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論