let array = []
for (let index = 0; index <10000000; index++) {
array.push(index)
}
// 第一种
console.time('时间for')
for (let index = 0; index < array.length; index++) {
const a = array[index]
}
console.timeEnd('时间for')
// 第一种 优化
console.time('优化 时间for')
//这种方式在于第一次就把长度付给了变量 而不用每次都访问数组长度
for (let index = 0, len = array.length; index < len; index++) {
const a = array[index]
}
console.timeEnd('优化 时间for')
// 第一种 优化2
console.time('优化2 时间for')
for (let index = array.length; index > -1; index--) {
const a = array[index]
}
console.timeEnd('优化2 时间for')
//第二种
console.time('时间forEach')
array.forEach((item,index) =>{
return item
})
console.timeEnd('时间forEach')
//第三种
console.time('时间map')
let array1 = array.map((item,index) =>{
return item
})
console.timeEnd('时间map')
// forEach和map两种方式很相似 1、都不会改变原数组 2、map会通过运算返回一个新的数组 而forEach不会返回新的数组
// 第四种
//for in 是用来遍历对象的 用来遍历数组也行 遍历出来的是数组和对象的key 而且假如数组有私有属性 for in 也可以访问 而普通for和for of都不行
console.time('时间forin')
for (const key in array) {
const a = array[key]
}
console.timeEnd('时间forin')
// 第五种
// for of 是es6提出的行方法 遍历的是数组本身
console.time('时间forof')
for (const item of array) {
const a = item
}
console.timeEnd('时间forof')
// 总结 1、原生的 for性能最好 for in最差 2、for in 能访问私有属性 3、map和foEach不能被break和continue打断 map会返回新的数组而forEach则不会
//js中forEach和map循环的退出方式
try{
// 执行到第3次,结束循环
array.forEach(function(item,index) {
if(index == 2){
//手动抛出异常 终止循环
// throw 表示抛出的异常
throw new Error("EndIterative");
}
});
}catch(e){
console.log(e.message );
}
js中循环数组的几种方法和优化 forEach和map循环的退出方式
于 2023-01-31 22:11:22 首次发布