美文网首页
JavaScript常用工具方法封装(3)-----------

JavaScript常用工具方法封装(3)-----------

作者: 逸笛 | 来源:发表于2020-01-13 10:19 被阅读0次
/*判断一个元素是否在数组中*/
contains (arr, val) {
  return arr.indexOf(val) != -1 ? true : false;
}
/**
 * @param {arr} 数组
 * @param {fn} 回调函数
 * @return {undefined}
 */
each (arr, fn) {
  fn = fn || Function;
  var a = [];
  var args = Array.prototype.slice.call(arguments, 1);
  for(var i = 0; i < arr.length; i++) {
    var res = fn.apply(arr, [arr[i], i].concat(args));
    if(res != null) a.push(res);
  }
}
/**
 * @param {arr} 数组
 * @param {fn} 回调函数
 * @param {thisObj} this指向
 * @return {Array} 
 */
map (arr, fn, thisObj) {
  var scope = thisObj || window;
  var a = [];
  for(var i = 0, j = arr.length; i < j; ++i) {
    var res = fn.call(scope, arr[i], i, this);
    if(res != null) a.push(res);
  }
  return a;
}
/**
 * @param {arr} 数组
 * @param {type} 1:从小到大  2:从大到小  3:随机
 * @return {Array}
 */
sort (arr, type = 1) {
  return arr.sort( (a, b) => {
    switch(type) {
      case 1:
        return a - b;
      case 2:
        return b - a;
      case 3:
        return Math.random() - 0.5;
      default:
        return arr;
    }
  })
}
/*去重*/
unique (arr) {
  if ( Array.hasOwnProperty('from') ) {
    return Array.from(new Set(arr));
  }else{
    var n = {},r=[]; 
    for(var i = 0; i < arr.length; i++){
      if (!n[arr[i]]){
        n[arr[i]] = true; 
        r.push(arr[i]);
      }
    }
    return r;
  }
  // 注:上面 else 里面的排重并不能区分 2 和 '2',但能减少用indexOf带来的性能,暂时没找到替代的方法。。。
  /* 正确排重
  if ( Array.hasOwnProperty('from') ) {
    return Array.from(new Set(arr))
  }else{
    var r = [], NaNBol = true
    for(var i=0; i < arr.length; i++) {
      if (arr[i] !== arr[i]) {
        if (NaNBol && r.indexOf(arr[i]) === -1) {
          r.push(arr[i])
          NaNBol = false
        }
      }else{
        if(r.indexOf(arr[i]) === -1) r.push(arr[i])
      }
    }
    return r
  }
   */
}
/*求两个集合的并集*/
union (a, b) {
  var newArr = a.concat(b);
  return this.unique(newArr);
}
/*求两个集合的交集*/
intersect (a, b) {
  var _this = this;
  a = this.unique(a);
  return this.map(a, function(o) {
    return _this.contains(b, o) ? o : null;
  });
}
/*删除其中一个元素*/
remove (arr, ele) {
  var index = arr.indexOf(ele);
  if(index > -1) {
    arr.splice(index, 1);
  }
  return arr;
}
/*将类数组转换为数组的方法*/
formArray (ary) {
  var arr = [];
  if(Array.isArray(ary)) {
    arr = ary;
  } else {
    arr = Array.prototype.slice.call(ary);
  };
  return arr;
}
/*最大值*/
max (arr) {
  return Math.max.apply(null, arr);
}
/*最小值*/
min (arr) {
  return Math.min.apply(null, arr);
}
/*求和*/
sum (arr) {
  return arr.reduce( (pre, cur) => {
    return pre + cur
  })
}
/*平均值*/
average (arr) {
  return this.sum(arr)/arr.length
}

相关文章

网友评论

      本文标题:JavaScript常用工具方法封装(3)-----------

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