forEach、for-in与for-of的区别
2024-09-03 05:29:26
forEach、for-in与for-of的区别
forEach介绍
objArr.forEach(function (value) {
console.log(value);
});
foreach
方法没办法使用break
语句跳出循环,或者使用return
从函数体内返回
for-in介绍
for(var index in objArr){
console.log(objArr[index])
}
以上代码会出现的问题:
1.index
值 会是字符串(String
)类型
2.循环不仅会遍历数组元素,还会遍历任意其他自定义添加的属性,如,objArr
上面包含自定义属性,objArr.name
,那这次循环中也会出现此name
属性
3.某些情况下,上述代码会以随机顺序循环数组
for-in
循环设计之初,是给普通以字符串的值为key的对象使用的。而非数组。
for-of介绍
for(let value of objArr){
console.log(value)
}
1.可以避免所有 for-in
循环的陷阱
2.不同于 forEach()
,可以使用 break
, continue
和 return
3.for-of
循环不仅仅支持数组的遍历。同样适用于很多类似数组的对象
4.它也支持字符串
的遍历
5.for-of 并不适用于处理原有的原生对象
for-of 遍历 Set
var uniqueWords = new Set(words);
for (var word of uniqueWords) {
console.log(word);
}
for-of 遍历 Map
for (var [key, value] of phoneBookMap) {
console.log(key + "'s phone number is: " + value);
}
Map
是键值对组成,需要用到 Es6新特性解构
for-of 遍历原生对象
// 输出对象自身可以枚举的值
for (var key of Object.keys(someObject)) {
console.log(key + ": " + someObject[key]);
}
最新文章
- [LeetCode] Count of Range Sum 区间和计数
- CocoaPods 升级
- Java IO2:RandomAccessFile
- Reorder array to construct the minimum number
- c# 调用分页(控制器端的)与时间的格式
- ytu 1041: 迭代法求平方根(水题)
- c# 数据绑定之 DataFormatString 格式
- Intellij IDEA-can't use subversion command line client : svn
- Codeforces Round #354 (Div. 2) D. Theseus and labyrinth
- IE8-模拟script onerror
- freeCodeCamp:Where art thou
- error:LNK2005 已经在*.obj中定义
- windows appfabric samples
- 设置ubuntu Android sdk环境变量
- [python 基础] Class 一些基本概念
- ASP.NET实现列表页连接查询 拼接sql语句 绑定grivdView
- Gym - 100989E
- python安装虚拟环境virtualenv
- CRT/LCD/VGA Information and Timing
- 从零开始学 Web 之 Vue.js(三)Vue实例的生命周期
热门文章
- Leetcode 377.组合总和IV
- TOJ3039: 材质贴图
- HDU——2083找单词(母函数)
- [UOJ#130][BZOJ4198][Noi2015]荷马史诗
- BZOJ 2190 [SDOI2008]仪仗队 ——Dirichlet积
- HDU 1565 方格取数(1) ——插头DP
- [luoguP2862] [USACO06JAN]把牛Corral the Cows(二分 + 乱搞)
- Java统计程序运行时间
- 如何快速下载maven依赖jar包
- LA 4728 旋转卡壳算法求凸包的最大直径