JavaScript 中for/of,for/in 的詳細(xì)介紹
在 JavaScript中,for 循環(huán)有幾種常見(jiàn)的寫法
第一種最常規(guī)的寫法:
nums = [1,2,3,4]
for (let i=0; i<nums.length; i++){
console.log(nums[i])
}
第二種:
第二種 for/of 寫法,是ES6開(kāi)始有的語(yǔ)法, 可以直接迭代出數(shù)組中的每個(gè)元素,無(wú)需通過(guò)下標(biāo)索引位置來(lái)獲取元素,其實(shí)只要是可迭代對(duì)象,都可以使用 for/of 。
for (let item of nums){
console.log(item)
}
第三種:
第三種寫法 for/in 寫法, 不像for/of 必須是可迭代對(duì)象,for/in 可迭代任意對(duì)象。循環(huán)迭代對(duì)象的屬性名。如果是數(shù)組,迭代的值是數(shù)組的下標(biāo)索引,和原始那個(gè)for是一樣的。
let p = {name:"zhang", age:10}
for(let key in p){
console.log(p[key])
}
輸出:
zhang
10
for (let index in nums){
console.log(nums[index])
}
for/in 并不能枚舉迭代對(duì)象的所有是屬性,比如符號(hào)屬性無(wú)法枚舉
for/of 和 for/in 寫法在定義變量的時(shí)候,也可以使用 const 關(guān)鍵字,const 聲明的是一次循環(huán)迭代期間的常量值。
到此這篇關(guān)于JavaScript 中for/of, for/in 的詳細(xì)介紹的文章就介紹到這了,更多相關(guān)JavaScript for/of, for/in 介紹內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- 全面解析JavaScript里的循環(huán)方法之forEach,for-in,for-of
- 詳解Js里的for…in和for…of的用法
- js遍歷詳解(forEach, map, for, for...in, for...of)
- js中forEach,for in,for of循環(huán)的用法示例小結(jié)
- js中for-in和for-of的區(qū)別詳解
- JS中for...in?和?for...of?的區(qū)別解析
- JavaScript中for-in和for-of的不同之處及如何正確使用
- JS中for,for...in,for...of和forEach的區(qū)別和用法實(shí)例
- JavaScript中for of和for in的區(qū)別詳解
- JavaScript中for in和for of的區(qū)別示例詳解
相關(guān)文章
JQ中$(window).load和$(document).ready區(qū)別與執(zhí)行順序
JQ中的$(document).ready()大家應(yīng)該用的非常多,基本每個(gè)JS腳本中都有這個(gè)函數(shù)的出現(xiàn)有時(shí)甚至?xí)霈F(xiàn)多個(gè),那么另一個(gè)加載函數(shù)$(window).load相對(duì)出現(xiàn)的次數(shù)就很少了,下面為大家介紹一下兩者的區(qū)別與他們的執(zhí)行順序2017-03-03
微信小程序 商城開(kāi)發(fā)(ecshop )簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序 商城開(kāi)發(fā)(ecshop )簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-04-04
微信小程序 es6-promise.js封裝請(qǐng)求與處理異步進(jìn)程
這篇文章主要介紹了微信小程序 es6-promise.js封裝請(qǐng)求與處理異步進(jìn)程的相關(guān)資料,需要的朋友可以參考下2017-06-06
四十九個(gè)javascript小知識(shí)實(shí)用技巧
這篇文章主要給大家分享得是四十九個(gè)javascript小知識(shí)實(shí)用技巧像下面文章圍繞JavaScript得各種技巧詳細(xì)介紹,需要的朋友可以參考一下,希望對(duì)你有所幫助2021-11-11
js前端架構(gòu)Git?commit提交規(guī)范
這篇文章主要為大家介紹了前端架構(gòu)Git?commit提交規(guī)范示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-07-07
buildcheck包報(bào)錯(cuò)問(wèn)題排查解決
這篇文章主要為大家介紹了buildcheck包報(bào)錯(cuò)問(wèn)題排查解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02
uniapp自定義相機(jī)實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了uniapp自定義相機(jī)實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03

