Java教程

JavaScript-数组（常用）

本文主要是介绍JavaScript-数组（常用），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！
forEach  ES5新增的方法，用来遍历数组，没有返回值 默认有三个参数，分别为value(遍历到的数组的数据)，index(对应的索引)，self(数组自身)。
filter  （过滤）回调函数需要返回布尔值，当为true时，将本次数组的数据返回给filter，最后filter将所有回调函数的返回值组成新数组返回 默认有三个参数（同forEach）
every  判断数组中每一项是否都满足条件，只有所有项都满足条件，才会返回true。  
map  回调函数会将执行结果返回，最后map将所有回调函数的返回值组成新数组返回。 默认有三个参数（同forEach）
some  判断数组中是否存在满足条件的项，只要有一项满足条件，就会返回true。  
  一、every 
let data = [{id: 1, check: true},{id: 2, check: false},{id: 3, check: false},{id: 4, check: true}];
let selectAll = data.every(item=>{
   return item.check;
});
console.log("every函数："+selectAll) // data中每一项都为true才会返回true

 

二、filter 
let data = [{id: 1, check: true},{id: 2, check: false},{id: 3, check: false},{id: 4, check: true}];
let newData = data.filter(item=>{
  return item.check;
});
// [ { id: 1, check: true }, { id: 4, check: true } ]
console.log(newData); // 返回true的项组成的数组
  三、forEach 
let num = 0;
data.forEach(item=>{
    if(item.id == 1 || item.id == 3) {
        return;
    }
    num++;
});
console.log(num) // 2

 

四、map 
var arr = [1,2,3,4,5,6];
var filterArr = arr.map((item=>{
    return item+=1;
}));
// [ 2, 3, 4, 5, 6, 7 ]
console.log(filterArr)

 

五、some 
let hasCheck = data.some(item=>{
    return item.check;
});
console.log("some函数："+hasCheck); // data中任一一项返回true则会返回true

 

 六、reduce  　　功能：从数组的第一项开始，逐个遍历到最后，迭代数组的所有项，然后构建一个最终返回的值。 　　参数：reduce()接收一个或两个参数：第一个是回调函数，表示在数组的每一项上调用的函数；第二个参数（可选的）作为归并的初始值，被回调函数第一次执行时的第一个参数接收。reduce(callback,initial); 　　callback默认有四个参数，分别为prev，now，index，self。  
    //demo：使用reduce计算数组中所有数据的和
    var arr = [10,20,30,40,50];
    var sum = arr.reduce(function(prev,now,index,self){
        return prev + now;
    })
    console.log(sum);      //150
    // 回调函数的最后一次return的结果被返回到reduce方法的身上

    //demo：使用reduce计算数组中所有数据的和
    var arr = [10,20,30,40,50];
    var sum = arr.reduce(function(prev,now,index,self){
        return prev + now;
    }, 8)
    console.log(sum);      //158
    // 回调函数的最后一次return的结果被返回到reduce方法的身上
    // 因为reduce有第二个参数initial，在第一次执行时被计算，所以最终结果被加上8

 

七、IndexOf

　　　  功能：根据指定的数据，从左向右，查询在数组中出现的位置，如果不存在指定的数据，返回-1，找到了指定的数据返回该数据的索引

　　　  参数：indexOf(value, start);value为要查询的数据；start为可选，表示开始查询的位置，当start为负数时，从数组的尾部向前数；如果查询不到value的存在，则方法返回-1

　　　  注意：如果找到该数据，立即返回该数据的索引，不再往后继续查找

var str = ["h","e","l","l","o"];
console.log(str.indexOf("l"));        //2

 

八、valueOf

　　　　功能：返回数组的原始值（一般情况下其实就是数组自身），一般由js在后台调用，并不显式的出现在代码中

var str = [1,2,3];
console.log(str.valueOf());         //[1,2,3]
console.log(str);                   //[1,2,3]
//为了证明返回的是数组自身
console.log(str.valueOf() == str);  //true

 

这篇关于JavaScript-数组（常用）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航