手写一些js方法收集:

551 阅读2分钟

一、重写一些常用的Array方法

1、filter方法,返回true,此元素保留在新数组,返回false则删除

array.prototype.filter=function (fn) {
    let newArr=[];
    for(let i;this.length;i++){
      let flag= fn(this[i])
        flag&&newArr.push(this[i]);
    }
    return newArr;
};
let arr1 = [44,41,8,90,522];
let arr2 = arr1.filter(function(item){
    return item>=60;
});
console.log(arr2);

2、every 每一个元素都符合条件则返回true

array.prototype.every=function(fn){
    let flag=true;
    for(let i;i<this.length;i++){
         flag=fn(this[i]);
        if( flag==false){
            return false;
        }
    };
    return flag;
}

3、some有一个元素符合条件则返回true

Array.prototype.some = function(fn){
  for(let i=0;i<this.length;i++){
    let flag = fn(this[i]);
    if(flag){
      return flag;
    }
  }
  return false;
}

4、find把找到的项都返回

Array.prototype.find = function(fn){
  for(let i=0;i<this.length;i++){
    let flag = fn(this[i]);
    if(flag){
      return this[i];
    }
  }
}
//案例:
let result = arr4.find(function(item){
  return item == 2;
});

5、findIndex把找到的项下标返回

Array.prototype.findIndex = function(fn){
  for(let i=0;i<this.length;i++){
    let flag = fn(this[i]);
    if(flag){
      return i;
    }
  }
}
//案例:
let index = arr4.findIndex(function(item){
  return item == 2;
});

6、判断是字符串,还是数组的方法

function isType(type) {
    return function (param) {
        return Object.prototype.toString.call(param)==[object `${type}`];
    }
}
//判断字符串
let isString=isType('String');
let isArray=isType("Array");

二、生成器(Generator)与迭代器(Iterator)的原理及用法

/**
 * read生成器 用来生成迭代器的
 */
function read(books){
   let index = 0;
   return {
      next(){
        //只要能取到就为false,取不到值才为true
        let done = index==books.length;
        let value = done?undefined:books[index++];
        return {
          value,
          done
        }
      }
   }
}
//迭代器可以不停的调用next方法得到一个结果{value,done}
//当donetrue的时候就表示取完了
let it = read(['js','node','mysql']);
//it有一个方法叫next,每次调用next都会返回一个结果 {value,done}
let result ;
do{
  result = it.next();
  console.log(result);
}while(!result.done);

生成器函数和普通函数长的不一样,返回迭代器执行的时候也不一样,生成器函数其实是内部生成了很多个小函数

function *read(books){
  console.log('开始');
  for(let i=0;i<books.length;i++){
     yield books[i]; // yield 放弃屈服 产出
  }
  console.log('结束');
}
let it = read(['js','node']);
let result ;
do{
 result = it.next();
 console.log(result);
}while(!result.done);