forEach介绍
==forEach方法没办法使用 break 语句跳出循环,或者使用return从函数体内返回==
let data = [1, 2, 3, 7, 53, 9]
data.forEach((item, i) => {
console.log(item)
if(item == 2) return
})
// 每个item都打印出来
for-in介绍
以下代码会出现的问题:
- index 值 会是字符串(String)类型,不能直接进行几何运算
- 使用for in会遍历数组所有的可枚举属性,包括原型。例如上栗的原型方法method和name属性,所以for in更适合遍历对象,不要使用for in遍历数组。
- 遍历顺序有可能不是按照实际数组的内部顺序
==for-in循环设计之初,是给普通以字符串的值为key的对象使用的。而非数组。==
let data = [1, 2, 3, 7, 53, 9]
for(var index in data){
typeof index //string
// index为数组循环的值
// 0,1,2,3,4,5
}
for-of介绍
- 可以避免所有 for-in 循环的陷阱
- 不同于 forEach(),可以使用 break, continue 和 return
- for-of 循环不仅仅支持数组的遍历。同样适用于很多类似数组的对象
- 它也支持字符串的遍历
- for-of 并不适用于处理原有的原生对象
let data = [1, 2, 3, 7, 53, 9]
for(var index of data){
typeof index //number
// index为数组循环的每一个值
// 1,2,4,7,53,9
}
记住,for in遍历的是数组的索引(即键名),而for of遍历的是数组元素值。
for-of 遍历 Set
set类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成 Set 数据结构。
let data = [1,2,3,4,2,1,4,5]
let setData = new Set(data)
// setData = [3,5]
var uniqueWords = new Set(words);
for (var word of uniqueWords) {
console.log(word);
}
// 可以遍历set数据
for-of 遍历 Map
javaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。
它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。
let o = {name: '七分'}
let m = {name: '三分'}
let bookMap = new Map()
bookMap.set(o, 'seven value')
bookMap.set(m, 'three value')
for (var [key, value] of bookMap) {
console.log(key + "'phone value is: " + value);
}
// key {name: '七分'}, {name: '三分'}
for-of 遍历原生对象
let params =[
{
name: '李',
value: '18'
},
{
name: '张',
value: '21'
}
]
for (var key of Object.keys(params)) {
console.log(key + ": " + params[key]);
// key 0,1
// params[key] {name: '李',value: '18'},{name: '张',value: '21'}
}
http://es6.ruanyifeng.com/#docs/iterator#for---of-%E5%BE%AA%E7%8E%AF