for系列
for循環(huán)是js語言最原始的循環(huán)遍歷方式郑象,所有for循環(huán)均支持終止循環(huán)希太,JavaScript 提供了四種已知的終止循環(huán)執(zhí)行的方法:break熏纯、continue桃熄、return 和 throw
let a = 'hi'
for(let i = 0 ;i < arr.length; i++){
console.log(i) //返回索引0,1
}
1、for...in...與for...of...
- for...in...返回索引恨锚,for...of返回值
let a = 'start'
for (let i in a){
console.log(i) //返回索引0宇驾,1,2猴伶,3课舍,4塌西,5
}
let a = [1,2,3]
for (let i in a){
console.log(i) //返回索引0,1筝尾,2
}
let a = {one:1, two:2, three:3}
for (let i in a){
console.log(i) //返回key one,two,three
}
let a = 'start'
for (let i of a){
console.log(i) //返回索引s,t,a,r,t
}
let a = [1,2,3]
for (let i of a){
console.log(i) //返回值 1捡需,2,3
}
let a = {one:1, two:2, three:3}
for (let i of a){
console.log(i) // a is not iterable
}
// variable:每個(gè)迭代的屬性值被分配給該變量筹淫。
// iterable:一個(gè)具有可枚舉屬性并且可以迭代的對(duì)象站辉。
for (variable of iterable) {
statement
}
- for...in... 不僅返回可枚舉屬性,也會(huì)返回原型鏈的繼承的非枚舉屬性损姜,for...of 返回可枚舉屬性饰剥,Object.keys只返回可枚舉屬性
Array.prototype.newArr = () => { }
let Arr = ['盧本偉', 'white', '55開']
for(let i in Arr){
console.log(i) // 盧本偉、white摧阅、55開汰蓉、newArr(非枚舉屬性)
}
Object.keys(Arr) // 盧本偉、white棒卷、55開
for(let i of Arr){
console.log(i) // 盧本偉古沥、white、55開
}
ES6的系列
1娇跟、forEach、some太颤、every苞俘,都是數(shù)組方法
foreach,適用于只是進(jìn)行集合或數(shù)組遍歷,返回子元素的值龄章。
不支持 continue吃谣,用 return false 或 return true 代替。
不支持 break做裙,用 try catch/every/some 代替岗憋。
let a = [1,2,3]
a.forEach(e=>{
console.log(e) // 1, 2, 3
})
let obj = {one:1,two:2,three:3}
obj.forEach(e=>{
console.log(e)
})
// obj.forEach is not a function
2、map
map返回一個(gè)新數(shù)組锚贱,不會(huì)改變?cè)瓟?shù)組仔戈,新數(shù)組的值為原數(shù)組調(diào)用函數(shù)處理后的值
let arr = [1,2,3,4,5,6]
arr.map(v=>{
return v > 1 //[false,true,true,true,true],函數(shù)處理結(jié)果
})