欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript 中for/of,for/in 的详细介绍

程序员文章站 2022-03-24 08:54:06
目录在 javascript中,for 循环有几种常见的写法第一种最常规的写法:nums = [1,2,3,4]for (let i=0; i

javascript中,for 循环有几种常见的写法

第一种最常规的写法:

nums = [1,2,3,4]

for (let i=0; i<nums.length; i++){
    console.log(nums[i])
}

第二种:

第二种 for/of 写法,是es6开始有的语法, 可以直接迭代出数组中的每个元素,无需通过下标索引位置来获取元素,其实只要是可迭代对象,都可以使用 for/of

for (let item of nums){
    console.log(item)
}

第三种:

第三种写法 for/in 写法, 不像for/of 必须是可迭代对象,for/in 可迭代任意对象。循环迭代对象的属性名。如果是数组,迭代的值是数组的下标索引,和原始那个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 并不能枚举迭代对象的所有是属性,比如符号属性无法枚举

for/of for/in 写法在定义变量的时候,也可以使用 const 关键字,const 声明的是一次循环迭代期间的常量值。

到此这篇关于javascript 中for/of, for/in 的详细介绍的文章就介绍到这了,更多相关javascript for/of, for/in 介绍内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!