【JS】 JS流程控制之：循环

JS流程控制之：循环

• 循环三要素
• 1. 初始化：循环入口，从那开始
• 1. 循环之条件：到那结束
• 1. 更新循环条件：避免进入死循环

数组：元素的有序集合
对象：元素的无序集合

1. while

// 语法：while (条件) { 更新条件}，注：初始化在while外部
const arr = [10, 20, 30]
console.log(arr.length)
console.log('-----------------')
// 1.初始化：循环入口
// 将索引指向第一数组成员
let i = 0
while (i < arr.length) {
    console.log(arr[i])
    // i += 1
    i++
}
console.log('-----------------')
//do while
i = 0
do {
    console.log(arr[i])
    // i += 1
    i++
} while (i < arr.length)
console.log('-----------------')

2. for循环是while的语法糖

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

3. for-of (快速遍历数组)

for (let item of arr) {
    console.log(item)
}
console.log('-----------------')

4. forEach (最常见的遍历数组的方法)

// arr.forEach(function (item, index, arr) {
//     console.log(item, index, arr)
// })
// * 一般遍历数组,只需要写第一个参数
// arr.forEach(function (item) {
//     console.log(item)
// })
// * 简化,箭头函数
arr.forEach(item => console.log(item))
// * map : map 有返回值,forEach没有
// let result = arr.map(item => item)
// console.log(result)
console.log('-----------------')

5. for in 遍历对象

const user ={
    name: 'admin',
    'my email':'nx99@qq.com',
    show(){
        return `${this.name}: ${this["my email"]}`
    }
}
for (let prop in user){
    console.log(user[prop])
}