大家都用過循環(huán)，具體細(xì)節(jié)就不多介紹了，本篇文章就是單純的來統(tǒng)計一下
條件循環(huán)
- while循環(huán) 使用break結(jié)束循環(huán)
let num = 1;
while (num < 10) {
console.log(num)
if (num > 5) {
break
}
num++
}
- do while循環(huán) 不管條件真假至少執(zhí)行一次使用break結(jié)束循環(huán)
let number = 0
do {
console.log(number)
if (number > 6) {
break
}
number++
} while (number < 10)
數(shù)組遍歷
- for 用于遍歷數(shù)組 break跳出整個循環(huán)抛蚁，continue結(jié)束當(dāng)前循環(huán)
for (let i = 0; i < 10; i++) {
if (i === 5) {
continue
}
console.log(i)
}
- for of //可以遍歷Array Map Set String TypedArray,字符串箱沦，不能遍歷對象
const arr = [
{name: 'zs', age: 25},
{name: 'ls', age: 26}
]
let string = 'abcdef'
for (const objElement of string) {
console.log(objElement)
}
- forEach //無返回值
const eachArr = [1, 2, 3, 4, 8, 9]
eachArr.forEach((item, index, arr) => {
console.log(`${index}-${item}`)
})
- map 返回一個新數(shù)組
const newArr = eachArr.map((item, index, arr) => {
return item * 2
})
console.log(newArr)
對象遍歷
- for in 遍歷對象,特點(diǎn)是不僅能讀取自身的key辩恼，而且能讀取繼承原型鏈上的key,可以通過obj.hasOwnProperty(keys)來驗證是不是自身的屬性
const obj = {
name: 'zs',
age: 25,
sex: 'girl'
}
const objarr = [1, 2, 3]
for (const objKey in objarr) {
console.log(objarr[objKey ])
}
- 下面的對象遍歷返回的返回的都是數(shù)組
Object.keys(obj) //返回的是對象的鍵
Object.values(obj) //返回的是對象的值
Object.entries(obj) //返回一個二維數(shù)組 鍵值
