js中的各种遍历

let arr = ['Joker','Pink','north','Red']

for 循环

普通的for循环，也是最常用到的

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

for in

for in 循环 用于遍历对象的属性
如果用其来遍历数组 key值则为下标

let obj = {
    age: 18, name: "Joker", sayHello() {
        console.log("Hello")
    }
};
for (let key in obj) {
    console.log(`key:${key},value:${obj[key]}`);
}

for of

for of 语句循环遍历可迭代对象的值。such as:数组，字符串，节点列表…

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

forEach

ES5数组自带的循环，主要是用来遍历数组，性能比for循环还弱

arr.forEach((item,index,arr)=>{
	console.log(`key:${index},value:${item}`)
})

map

用法与forEach类同，但参数中的函数支持返回值
返回值是一个新的数组，其每项就是参数中的函数返回的值

arr.map((value, index, array) => {
	return value === 123;
});

filter

用法与forEach类同，但参数中的函数支持返回值
返回值为一个新的数组，如果参数中的函数返回为真 则会将这一项push进新的数组当中，为假或没有返回，则不会

arr.filter((value, key) => {
	return value === 123;//[]
	return value.indexOf('o') !== -1;//['Joker', 'north']
})

includes

检测数组当中是不是存在某个元素

console.log(arr.includes('Joker'));//true
console.log(arr.includes('111'));//false
console.log(arr.includes('north'));//true

find

寻找第一个符合条件的元素

console.log(arr.find((value, key, arr) => {
    return value.indexOf('o') !== -1;
}));//Joker

findIndex

寻找第一个符合条件元素的索引

console.log(arr.findIndex((value, key, arr) => {
    return value.indexOf('o') !== -1;
}));//0

some

数组中是不是有值符合某个条件
所有值中有一个符合条件就不继续执行，返回true

console.log(arr.some((value, key, arr) => {
	return value.indexOf('o') !== -1;
}));//true

every

数组中是不是所有值符合某个条件
所有值中有一个不符合条件就不继续执行，返回false

console.log(arr.every((value, key, arr) => {
	return value.indexOf('o') !== -1;
}));//false

欢迎补充~