美文网首页
数组遍历方法

数组遍历方法

作者: 小黑哥啊哈哈 | 来源:发表于2019-03-25 21:36 被阅读0次

数组遍历方法

1. for each()

var str= ['Tom','Jerry','Nancy','Lucy'];

str.forEach(function (value,index,array) {

  value+='!';

  console.log(value);

})
// Tom!,jerrry!,Nancy!,Lucy!

2. every()

用来对元素进行检查,需要返回一个boolean 类型的值,如果为true继续遍历,如果为false 停止遍历,当所有元素都返回true时,结果才为true, 否则为false

var str= ['Tom','Jerry','Nancy','Lucy'];
var hasLucy = str.every(function (value,index,array) {
  console.log(value); 
 if (value=='Lucy') {
   return false;
 } else {
   return true;
 }
})
console.log(hasLucy);// false

var isString = str.every(function (value,index,array) {
  console.log(value); 
 if (typeof value =="string") {
   return true;
 } else {
   return false;
 }
})
console.log(isString);// true


3. some()

与every()方法相同,只是有一个满足要求就为true, 全部不满足才为false

4. map()

将数组中的每个元素执行回调,返回值重新组成数组返回

var helloObj = str.map(function (value,index,arr) {
  return 'hello'+value;
})
/*0: "helloTom"
1: "helloJerry"
2: "helloNancy"
3: "helloLucy"*/

5 . reduce() 数组累加器

reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。

reduce() 可以作为一个高阶函数,用于函数的 compose。

方法:array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

参数 描述
total 必需。初始值, 或者计算结束后的返回值。
currentValue 必需。当前元素
currentIndex 可选。当前元素的索引
arr 可选。当前元素所属的数组对象。

注意: reduce() 对于空数组是不会执行回调函数的。

var helloEveryOne = str.reduce(function (prev,currv,index) {
  return prev+currv;
},'hello')

console.log(helloEveryOne);
//helloTomJerryNancyLucy

6. filter()

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

var afterL = str.filter(function (value,index,array) {
  if (value>'L') {
    return true;
  } else {
    return false;
  }
  
})
console.log(afterL);

相关文章

网友评论

      本文标题:数组遍历方法

      本文链接:https://www.haomeiwen.com/subject/rndivqtx.html