for循环，for...in for...of foreach find findIndex filter map indexOf some every区别

本文主要是介绍for循环，for...in for...of foreach find findIndex filter map indexOf some every区别，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

包含10个循环遍历详细使用，以及总结，区分

1、fro...in

这里的循环体 i 循环的是对象的键，而想要获得值那就arr[键]

键：值

name：‘张三’

age：24

----------

所以我们在对象的时候选用for...in合适

const arr1 = { name: '张三', age: 24 }for (let i in arr1) {console.log(arr1[i]);
}console.log('打印结果如下-----------');张三
24

2、for...of

const arr1 = [1, 2, 3, 4]for (let i of arr1) {console.log(i);
}
console.log('打印结果如下------------');
1
2
3
4

3、forEach

const arr1 = ['牛二', '张三', '李四', '王五']
// 只针对数组// 简写
arr1.forEach(e => {console.log(e);
});// forEach方法中的function回调有三个参数：
// 第一个参数是遍历的数组内容，
// 第二个参数是对应的数组索引，
// 第三个参数是数组本身
arr1.forEach((value, index, arr) => {console.log('value是: ' + value + ' ---- ' + 'index是: ' + index + ' ---- ' + 'arr是: ' + arr);
})

4、find

const arr1 = ['牛二', '张三', '李四', '王五']
const s = '李四'let res = arr1.find((e) => {return s === e
})
console.log(res);// 满足条件的第一个数组元素，返回元素本身，
// 代码运行到  李四  触发立刻中止遍历

5、findIndex

const arr1 = ['牛二', '张三', '李四', '王五']
const s = '李四'let res = arr1.findIndex((e) => {return s === e
})
console.log(res);
// 该方法和find方法类似，凡是区别是返回的是满足条件的第一个元素的下标
// 李四 在数组中的下标是2，所以返回2

6、filter

const arr1 = [1, 2, 3, 4, 5, 6, 7]
const s = 5let res = arr1.filter((e) => {return s <= e
})
console.log(res);// 返回一个全新的数组，数组是包含满足条件的所有元素

7、map

const arr1 = [1, 2, 3, 4, 5, 6, 7]let res = arr1.map((e) => {return e * 2
})
console.log(res);

8、补充indexOf

const arr1 = 'AasfdsgsDtsdgw'console.log(arr1.indexOf('A'));
console.log(arr1.indexOf('a'));
console.log(arr1.indexOf('t'));// 严格区分大小写

9.补充some

const arr1 = [1, 2, 43, 5, 67]const res = arr1.some(i => i < 10)console.log(res);// 这里需要注意回调函数必须为简写，亲测不用简写不生效，原因作者也不知道，

10、补充every

11、补充reduce

总结：

for...in

可以改变原数组

        多用于对象，

for...of

可以改变原数组

只能用于数组

总结for...in和for...of就是对象用in数组用of

forEach（有名增强for循环）

可以改变原数组

多用于需要操作数组多个属性的时候

find

        不改变原数组，

带有返回值（返回满足条件的第一个元素本身）；触发条件后立刻终止

搭配forEach方法可以做数组去重操作

findIndex

        不改变原数组

带有返回值（返回满足条件的第一个元素下标）；触发条件后立刻终止

filter

        不改变原数组

返回新数组，不会改变原数组（返回满足条件的所有元素）；

map

        不会改变原数组

返回一个新数组，（获取对数组所有元素进行操作后的新数组）

但是会浪费内存空间

// 补充特殊的带有循环的方法

indexOf

针对字符串，没有返回值返回-1，严格区分大小写

返回指定的字符串值在字符串中首次出现的位置

some

不改变原数组

返回数组是否包含某个元素

返回一个布尔值：如果为true立刻终止循环

强烈不推荐使用

回调函数必须为简写，原因暂时不知道

every

不改变原数组

返回数组所有元素是否都满足条件

返回一个布尔值：

强烈不推荐使用

回调函数必须为简写，原因暂时不知道

reduce

常用来数组求和

有返回值，又初始值，可以传递4个参数

some&ecery的两个问题有人知道的话可以留言给作者