JavaScript中遍历的十种方法总结

2023-07-08 07:24:04 244

1.while循环

while后面跟循环条件和执行语句，只要满足条件，就会一直执行里面的执行

vari=0
while(i<10){
console.log(i)
i++
}

2.do...while循环

与while相似，但是他会先执行一次，再做判断条件

vari=0
do{
console,log(i)
i++
}while(i<10)

3.for循环

vararr=[0,1,2,3]
for(leti=0;i
4.forEach循环
vararr=[0,1,2,3]
arr.forEach((item,index)=>{
console.log(`下标${index}的数为${item}`)
})

5.for...in循环
一般用来遍历对象的属性，遍历数组的话拿到的是下标
varobj={name:'snail',age:18}
for(varkeyinobj){
console.log(key)
}

6.for...of循环
可以遍历拿到每一个元素
varstr='snail'
for(varitemofstr){
console.log(item)
}

7.map映射
map方法将数组的所有成员依次传入参数函数，然后把每一次的执行结果组成一个新数组返回。
该函数调用时，map方法向它传入三个参数：当前成员、当前位置和数组本身。
注意：是返回一个新数组，而不会改变原数组。
vararr=[0,1,2,3]
arr.map((item)=>{
returnitem*2
})

8.filter()过滤循环
filter方法用于过滤数组成员，满足条件的成员组成一个新数组返回。
它的参数是一个函数，所有数组成员依次执行该函数，返回结果为true的成员组成一个新数组返回。该方法不会改变原数组。
vararr=[0,4,2,3,5]
arr.filter((item)=>{
return(item>3)
})

9.some(),every()遍历
统计数组是否满足某个条件，这两个方法返回一个布尔值，表示判断数组成员是否符合某种条件。
它们接受一个函数作为参数，所有数组成员依次执行该函数。该函数接受三个参数：当前成员、当前位置和整个数组，然后返回一个布尔值。
some方法是只要一个成员的返回值是true，则整个some方法的返回值就是true，否则返回false。
every方法则相反，所有成员的返回值都是true，整个every方法才返回true，否则返回false。两相比较，some()只要有一个是true，便返回true；而every()只要有一个是false，便返回false.
这两个方法在实际开发中，大有可用之处。比如在判定用户是否勾选了不可操作的数据，或者是否勾选了一条可以操作的数据可以使用这两个方法遍历循环数组。
10.reduce()遍历
reduce方法第一个参数是一个函数。该函数接受以下四个参数。
1.Accumulator(累计器)
2.CurrentValue(当前值)
3.CurrentIndex(当前索引)
4.SourceArray(源数组)
函数的返回值分配给累计器，该返回值在数组的每个迭代中被记住，并最后成为最终的单个结果值。
这四个参数之中，只有前两个是必须的，后两个则是可选的。
到此这篇关于JavaScript中遍历的十种方法的文章就介绍到这了,更多相关JavaScript遍历方法内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

JavaScript中遍历的十种方法总结

1.while循环

2.do...while循环

3.for循环

4.forEach循环

5.for...in循环

6.for...of循环

7.map映射

8.filter()过滤循环

9.some(),every()遍历

10.reduce()遍历

热门推荐

随机推荐