js中遍历数组的几种方法汇总

1、forEach 

var arr= ['张三', '李四', '王五'];
arr.forEach(function(v,k) { 
    console.log(v); //这样就会分别将name遍历出来
});

//注意:jquery中each方法是反的,比如:
$(arr).each(function(k,v){
      console.log(v);   
});

2、map

map和forEach 几乎很像,但是也有它的不同之处,比如:
注意:map 是表示映射的,也就是一一对应,遍历完成之后会返回一个新的数组,但是不会修改原来的数组

    var a1 = ['a', 'b', 'c'];
    var a2 = a1.map(function(item,key,arr) {
        return item.toUpperCase();
    });
    console.log(a1);// ['a','b','c'];
    console.log(a2); //['A','B','C'];

注意:map 是表示映射的,也就是一一对应,遍历完成之后会返回一个新的数组,但是不会修改原来的数组

3、filter

filter 有过滤的意思,也就说它就是一个过滤器 。
注意:filter 它将是遍历每一个元素,用每一个元素去匹配,如果返回true,就会返回一个次数,最后将所有符合添加的全部选出

var a1 = [1,2,3,4,5,6];
var a2 = a1.filter(function(item) { 
     return item <= 3; 
});
 console.log(a2); // [1,2,3];

//filter 它将是遍历每一个元素,用每一个元素去匹配,如果返回true,就会返回一个次数,最后将所有符合添加的全部选出

4、reduce

reduce从左到右依此遍历,一般用来做加减乘除用算用的。reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
注意:

  • 就是 return first+second 其实相当于 return first+=second; 也就是说每次的first 是上一次的和
  • 就是function{}后面的参数,如果 有值 那么第一次加载的时候 first = 0; second = 1;如果没有值 , first = 1 , second = 2;如果后面的参数是个字符串,那么就是会是字符串拼接、
var a1 = [1, 2, 3];
var total = a1.reduce(function(first, second) { 
     return first + second; 
},0);
console.log(total) // Prints 6

5、every(且)
注意:数组中每一个元素在callback上都被返回true时就返回true,否则为false

function isNumber(value){ 
    return typeof value == 'number';
}
var a1 = [1, 2, 3];
console.log(a1.every(isNumber)); // logs true
var a2 = [1, '2', 3];
console.log(a2.every(isNumber)); // logs false

6、some (或)
注意:只要数组中有一项在callback上被返回true,就返回true

function isNumber(value){ 
   return typeof value == 'number';
}
var a1 = [1, 2, 3];
console.log(a1.some(isNumber)); // logs true
var a2 = [1, '2', 3];
console.log(a2.some(isNumber)); // logs true
var a3 = ['1', '2', '3'];
console.log(a3.some(isNumber)); // logs false
在JavaScript遍历数组并将每个元素累加到新数组,通常会使用循环结构。性能最优的方式通常是指使用最简单的循环结构,因为复杂的操作会增加执行时间。以下是一个基本的例子: ```javascript let originalArray = [1, 2, 3, 4, 5]; let newArray = []; for (let i = 0, len = originalArray.length; i < len; i++) { newArray.push(originalArray[i] + 10); // 假设我们需要将每个元素加10 } ``` 在现代JavaScript引擎,编译器会对代码进行优化。循环体内部的简单操作(如上述示例的加法)通常能够得到很好的优化,因此关键在于循环的简单性和直接性。在ES6及以后的版本,我们还可以使用`Array.prototype.forEach`方法,但这通常不会比传统的for循环更快,因为它们底层都是循环实现的。 不过,值得注意的是,在某些特定情况下,可以使用`Array.prototype.map`方法来代替传统的循环,这个方法会创建一个新数组,其结果是该数组的每个元素都是调用一次提供的函数后的返回值。这是一个更加函数式的方法,但在性能上与传统的循环差别不大,除非你使用的是非常旧的JavaScript引擎。 ```javascript let originalArray = [1, 2, 3, 4, 5]; let newArray = originalArray.map(item => item + 10); ``` 对于性能最优的选择,应当在实际环境测试不同的方法,因为在不同的运行环境和不同的数据集大小下,最优解可能会有所不同。通常来说,对于大数组遍历和操作,原生循环结构往往能够提供最优的性能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值