JavaScript 中for/of,for/in 的詳細(xì)介紹
在 JavaScript中，for 循環(huán)有幾種常見的寫法
第一種最常規(guī)的寫法：
nums = [1,2,3,4]
for (let i=0; i<nums.length; i++){
console.log(nums[i])
}
第二種：
第二種 for/of 寫法，是ES6開始有的語法， 可以直接迭代出數(shù)組中的每個(gè)元素，無需通過下標(biāo)索引位置來獲取元素，其實(shí)只要是可迭代對象，都可以使用 for/of 。
for (let item of nums){
console.log(item)
}
第三種:
第三種寫法 for/in 寫法， 不像for/of 必須是可迭代對象，for/in 可迭代任意對象。循環(huán)迭代對象的屬性名。如果是數(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 并不能枚舉迭代對象的所有是屬性，比如符號(hào)屬性無法枚舉
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)容請搜索腳本之家以前的文章或繼續(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相對出現(xiàn)的次數(shù)就很少了，下面為大家介紹一下兩者的區(qū)別與他們的執(zhí)行順序2017-03-03
這篇文章主要為大家介紹了JS前端接口請求參數(shù)混淆方案分享，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
本文針對埋點(diǎn)系統(tǒng)和監(jiān)控系統(tǒng)的融合的一點(diǎn)進(jìn)行簡單的介紹與探索，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
微信小程序 商城開發(fā)（ecshop ）簡單實(shí)例
這篇文章主要介紹了微信小程序 商城開發(fā)（ecshop ）簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-04-04
微信小程序 es6-promise.js封裝請求與處理異步進(jìn)程
這篇文章主要介紹了微信小程序 es6-promise.js封裝請求與處理異步進(jìn)程的相關(guān)資料,需要的朋友可以參考下2017-06-06
四十九個(gè)javascript小知識(shí)實(shí)用技巧
這篇文章主要給大家分享得是四十九個(gè)javascript小知識(shí)實(shí)用技巧像下面文章圍繞JavaScript得各種技巧詳細(xì)介紹,需要的朋友可以參考一下，希望對你有所幫助2021-11-11
這篇文章主要介紹了微信小程序 toast 詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-11-11
js前端架構(gòu)Git?commit提交規(guī)范
這篇文章主要為大家介紹了前端架構(gòu)Git?commit提交規(guī)范示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家介紹了buildcheck包報(bào)錯(cuò)問題排查解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
uniapp自定義相機(jī)實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了uniapp自定義相機(jī)實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03