JavaScript 中for/of,for/in 的詳細(xì)介紹
更新時(shí)間：2021年11月12日 14:48:25 作者：劉志軍
這篇文章主要介紹了JavaScript 中的for/of, for/in，在 JavaScript中，for 循環(huán)有幾種常見的寫法，西阿棉文章有寫法的詳細(xì)內(nèi)容,需要的朋友可以參考一下
在 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í)只要是可迭代對(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)屬性無法枚舉
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)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
- JS數(shù)組遍歷中for,for in,for of,map,forEach各自的使用方法與優(yōu)缺點(diǎn)
- JS中for,for...in,for...of和forEach的區(qū)別和用法實(shí)例
- JavaScript中三種for循環(huán)語句的使用總結(jié)（for、for...in、for...of）
- 通過實(shí)例解析JavaScript for in及for of區(qū)別
- js中forEach，for in，for of循環(huán)的用法示例小結(jié)
- js遍歷詳解(forEach, map, for, for...in, for...of)
- 詳解Js里的for…in和for…of的用法
- 全面解析JavaScript里的循環(huán)方法之forEach，for-in，for-of
- javascript中for...of和for..in循環(huán)的區(qū)別
相關(guān)文章
Web應(yīng)用開發(fā)TypeScript使用詳解
這篇文章主要為大家介紹了Web應(yīng)用開發(fā)TypeScript的使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-05-05
JS仿照3D手辦模型展臺(tái)實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了JS 實(shí)現(xiàn)偽3D手辦模型展臺(tái)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
Babel?插件開發(fā)&訪問節(jié)點(diǎn)實(shí)例詳解
這篇文章主要為答案及介紹了Babel?插件開發(fā)&訪問節(jié)點(diǎn)實(shí)例詳解，整理一下?Babel?插件開發(fā)時(shí)用得到的轉(zhuǎn)換操作相關(guān)的?API，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序 Tab頁切換更新數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要為大家介紹了從原生JavaScript到React深入理解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家介紹了JS對(duì)象創(chuàng)建與繼承的匯總梳理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要介紹JS中的new，new 運(yùn)算符創(chuàng)建一個(gè)用戶定義的對(duì)象類型的實(shí)例或具有構(gòu)造函數(shù)的內(nèi)置對(duì)象的實(shí)例。下面我們一起來看看我呢很臟具體內(nèi)容的詳細(xì)介紹,需要的朋友可以參考一下2021-11-11
這篇文章主要介紹了利用javaScript處理常用事件詳解,文章有非常詳細(xì)的代碼實(shí)踐,對(duì)學(xué)習(xí)js的小伙伴們有一定的參考價(jià)值,需要的朋友可以參考下2021-04-04
JavaScript中isPrototypeOf函數(shù)
這篇文章主要介紹了JavaScript中isPrototypeOf函數(shù)，isPrototypeOf() 是 Object函數(shù)（類）的下的一個(gè)方法，用于判斷當(dāng)前對(duì)象是否為另外一個(gè)對(duì)象的原型，如果是就返回 true，否則就返回 false，下面來看看詳細(xì)內(nèi)容,需要的朋友可以參考一下2021-11-11
這篇文章主要介紹了微信小程序 緩存（本地緩存、異步緩存、同步緩存）詳解的相關(guān)資料,需要的朋友可以參考下2017-01-01