JS数组迭代方法重构--every(),some(),filter(), map(),forEach()

Array.prototype.every()

every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。

every() 方法使用指定函数检测数组中的所有元素:

  • 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测
  • 如果所有元素都满足条件,则返回 true。

注意: every() 不会对空数组进行检测。

注意: every() 不会改变原始数组。

//every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供
Array.prototype.myEvery =function(fun,obj) {  //fun    obj  
    console.log(obj,'obj');
    for(i = 0;i < this.length;i++){
        // fun.bind(obj)(this[i]) 有第二个参数就改变this指向
        if(!(obj?fun.bind(obj)(this[i]) : fun(this[i]))) {   //fun.bind(obj)(this[i])为false
            //bind() 会把obj和this[i]转换成函数并改变他们的指向  均可调用匿名函数myEvery()
            return false;
        }
    }
    return true;
}

var arr = [1,2,3,4];
var result = arr.myEvery(function(item){  //回调函数
    console.log(this,'this');   //指向全局对象         //{ name: 'zhang' }
    return item > 1;//return false  //短路原则   1 > 1  不大于 短路  停止检测数组
},{name:'zhang'})  //改变this指向 指向第二个参数 

console.log(result,'result');  //false

Array.prototype.some()

some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。

some() 方法会依次执行数组的每个元素:

  • 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
  • 如果没有满足条件的元素,则返回false。

注意: some() 不会对空数组进行检测。

注意: some() 不会改变原始数组。

// some() 方法用于检测数组中的元素是否满足指定条件(函数提供)
//如果有一个元素满足条件,则表达式返回*true* , 剩余的元素不会再执行检测
Array.prototype.mySome =function(fun,obj) {  //fun    obj  
    for(i = 0;i < this.length;i++){
        // fun.bind(obj)(this[i]) 有第二个参数就改变this指向
        if((obj?fun.bind(obj)(this[i]) : fun(this[i]))) {
            return true;
        }
    }
    return false;
}

var arr = [1,2,3,4];
var result = arr.mySome(function(item){  //回调函数
    console.log(this);   //指向全局对象
    return item > 1;  //短路原则   1 > 1  不大于 短路     // 2 > 1 满足条件 打印输出为真  停止检测数组
},{name:'zhang'})  //改变this指向 指向第二个参数

console.log(result);  //true  //数组第二个元素满足条件 返回true

Array.prototype.filter()

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

注意: filter() 不会对空数组进行检测。

注意: filter() 不会改变原始数组。

 // filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素
//主函数
Array.prototype.myFilter = function (fun,obj) {
    // 创建一个新的数组
    var result = [];
    for(i = 0;i 2;  // 数组索引值累加
},{name:'zhang'})  //改变this指向 指向第二个参数

console.log(result);  //[ 2, 3, 4, 5 ]        //返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值



Array.prototype.map()

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意: map() 不会对空数组进行检测。

注意: map() 不会改变原始数组。

// map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值
Array.prototype.myMap = function (fun,obj) {
    var result = [];
    for(i = 0;i

Array.prototype.forEach()

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。

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

Array.prototype.myforEach = function (fun) {
     for(var i = 0;i < this.length;i++){
          //调用参数
          fun(this[i],i,this)
     }
}
var arr = [1,4,2,9];
console.log(arr);   // [ 1, 4, 2, 9 ]
var result = arr.myforEach(function(item, index, arr){
    console.log(item, index, arr); //数组元素   数组元素索引下标   数组
//     1 0 [ 1, 4, 2, 9 ]
//     4 1 [ 1, 4, 2, 9 ]
//     2 2 [ 1, 4, 2, 9 ]
//     9 3 [ 1, 4, 2, 9 ]
}); 
 

JS数组迭代方法重构--every(),some(),filter(), map(),forEach()_第1张图片

明天要考试,知识点好多好碎。。。。

JS数组迭代方法重构--every(),some(),filter(), map(),forEach()_第2张图片

JS数组迭代方法重构--every(),some(),filter(), map(),forEach()_第3张图片

你可能感兴趣的