深入淺析JavaScript中的in關(guān)鍵字和for-in循環(huán)
1.in關(guān)鍵字
屬性名 in 對(duì)象，用來(lái)判斷某個(gè)屬性在對(duì)象中是否存在與其嚴(yán)格相等的屬性名，返回boolean值
屬性名必須是字符串或數(shù)字
var obj = {
a : 1,
b : 2
}
console.log('a' in obj);//返回true，obj對(duì)象中存在a屬性名
var arr = [12,11,10];
console.log(12 in arr);//返回false，原因arr數(shù)組中12,11,10三個(gè)值對(duì)應(yīng)的屬性名分別是0,1,2
2.for-in循環(huán)
for(var prop in obj){
//循環(huán)語(yǔ)句
}
取出對(duì)象的所有屬性名，每次循環(huán)將其中一個(gè)屬性名賦值給變量prop，運(yùn)行循環(huán)體
利用該特點(diǎn)可以遍歷數(shù)組：
var arr= ['abc','123',1,2,3];
for(var prop in arr){
console.log(prop);
console.log(arr[prop]);
}
使用for循環(huán)遍歷數(shù)組和for-in循環(huán)遍歷數(shù)組的區(qū)別：
遍歷稀松數(shù)組var arr = [1,2,3,,,,,4];
for(var i = 0; i < arr.length; i++){};//沒(méi)有值的地方會(huì)輸出undefined
for(var prop in arr){};//沒(méi)有值的地方不會(huì)輸出
創(chuàng)建一個(gè)長(zhǎng)度為100的數(shù)組，給數(shù)組的每一項(xiàng)賦值為'abc',使用for循環(huán)
var arr = new Array(100);
for(var i = 0; i < arr.length; i++){
arr[i] = 'abc';
}
不能使用for-in循環(huán)
到此這篇關(guān)于JavaScript中的in關(guān)鍵字和for-in循環(huán)的文章就介紹到這了,更多相關(guān)js in for-in循環(huán)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript實(shí)現(xiàn)ArrayBuffer到Base64的轉(zhuǎn)換
本文探討了在 JavaScript 中將 ArrayBuffer 轉(zhuǎn)換為 Base64 字符串時(shí)遇到的棧溢出問(wèn)題,并提供了幾種實(shí)用的解決方案,我們將通過(guò)生動(dòng)的比喻來(lái)解釋相關(guān)概念,比較不同方法的性能和兼容性,最終提供一個(gè)平衡而實(shí)用的方法,需要的朋友可以參考下2024-10-10
JS中const對(duì)于復(fù)雜類(lèi)型變量和普通類(lèi)型變量的區(qū)別詳解
我們?cè)陂_(kāi)發(fā)的過(guò)程中一定常常發(fā)現(xiàn)const關(guān)鍵字定義的簡(jiǎn)單類(lèi)型變量不可以改變,但是你如果定義的是一個(gè)復(fù)雜類(lèi)型變量（比如對(duì)象）的話對(duì)里面屬性的增刪改查是可以的,那這又是為什么呢,接下來(lái)就來(lái)和小編一起探討一下吧2023-11-11
這篇文章主要介紹了微信小程序中的上拉、下拉菜單功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
JS實(shí)現(xiàn)的簡(jiǎn)單四則運(yùn)算計(jì)算器功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的簡(jiǎn)單四則運(yùn)算計(jì)算器功能,涉及javascript事件響應(yīng)及數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-09-09
js實(shí)現(xiàn)仿購(gòu)物車(chē)加減效果
本文主要介紹了js實(shí)現(xiàn)仿購(gòu)物車(chē)+ -效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-03-03
本網(wǎng)站的javascript程序架構(gòu)從以下幾個(gè)基本點(diǎn)出發(fā)2008-10-10
Javascript四舍五入Math.round()與Math.pow()使用介紹
本文為大家介紹下Javascript中的四舍五入Math.round()與Math.pow()的使用，感興趣的朋友不要錯(cuò)過(guò)2013-12-12
微信小程序?qū)崿F(xiàn)的一鍵連接wifi功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的一鍵連接wifi功能,結(jié)合實(shí)例形式分析了微信小程序操作WiFi連接的模塊初始化、配置、連接等相關(guān)操作技巧,需要的朋友可以參考下2019-04-04
javascript下過(guò)濾數(shù)組重復(fù)值的代碼
javascript下過(guò)濾數(shù)組重復(fù)值的代碼...2007-09-09
純js寫(xiě)的分頁(yè)代碼且簡(jiǎn)潔實(shí)用哦！需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11