30个常用的lodash工具函数

  1. chunk: 将数组拆分成指定大小的多个数组
javascript 复制代码
function chunk(array, size) {
  const result = [];
  for (let i = 0; i < array.length; i += size) {
    result.push(array.slice(i, i + size));
  }
  return result;
}
  1. compact: 过滤数组中的假值(false、null、0、""、undefined 和 NaN)
javascript 复制代码
function compact(array) {
  return array.filter(Boolean);
}
  1. concat: 合并多个数组
javascript 复制代码
function concat(...arrays) {
  return [].concat(...arrays);
}
  1. difference: 返回第一个数组中与其他数组不同的元素
javascript 复制代码
function difference(array, ...values) {
  const set = new Set([].concat(...values));
  return array.filter(item => !set.has(item));
}
  1. drop: 从数组的开头删除指定数量的元素
javascript 复制代码
function drop(array, n = 1) {
  return array.slice(n);
}
  1. dropRight: 从数组的末尾删除指定数量的元素
javascript 复制代码
function dropRight(array, n = 1) {
  return array.slice(0, -n);
}
  1. fill: 使用指定的值填充数组
javascript 复制代码
function fill(array, value, start = 0, end = array.length) {
  return array.map((item, index) => (index >= start && index < end) ? value : item);
}
  1. findIndex: 返回第一个满足条件的元素的索引
javascript 复制代码
function findIndex(array, predicate) {
  for (let i = 0; i < array.length; i++) {
    if (predicate(array[i], i, array)) {
      return i;
    }
  }
  return -1;
}
  1. flatten: 扁平化数组
javascript 复制代码
function flatten(array) {
  return [].concat(...array);
}
  1. fromPairs: 将键值对数组转换为对象
javascript 复制代码
function fromPairs(array) {
  const result = {};
  for (const [key, value] of array) {
    result[key] = value;
  }
  return result;
}
  1. head: 返回数组的第一个元素
javascript 复制代码
function head(array) {
  return array[0];
}
  1. indexOf: 返回指定元素在数组中的索引
javascript 复制代码
function indexOf(array, value, fromIndex = 0) {
  for (let i = fromIndex; i < array.length; i++) {
    if (array[i] === value) {
      return i;
    }
  }
  return -1;
}
  1. initial: 返回数组中除了最后一个元素的所有元素
javascript 复制代码
function initial(array) {
  return array.slice(0, -1);
}
  1. intersection: 返回多个数组中共同存在的元素
javascript 复制代码
function intersection(...arrays) {
  const set = new Set(arrays[0]);
  for (const array of arrays) {
    set.forEach(item => {
      if (!array.includes(item)) {
        set.delete(item);
      }
    });
  }
  return Array.from(set);
}
  1. join: 将数组转换为字符串并使用指定的分隔符连接
javascript 复制代码
function join(array, separator = ',') {
  return array.join(separator);
}
  1. last: 返回数组的最后一个元素
javascript 复制代码
function last(array) {
  return array[array.length - 1];
}
  1. nth: 返回数组中指定索引的元素(支持负数索引)
javascript 复制代码
function nth(array, n = 0) {
  return n >= 0 ? array[n] : array[array.length + n];
}
  1. pull: 从数组中移除指定的值
javascript 复制代码
function pull(array, ...values) {
  return array.filter(item => !values.includes(item));
}
  1. reverse: 反转数组的顺序
javascript 复制代码
function reverse(array) {
  return array.reverse();
}
  1. slice: 返回数组的指定部分
javascript 复制代码
function slice(array, start = 0, end = array.length) {
  return array.slice(start, end);
}
  1. sortedIndex: 返回指定值在已排序数组中应该插入的索引
javascript 复制代码
function sortedIndex(array, value) {
  let low = 0;
  let high = array.length;
  while (low < high) {
    const mid = Math.floorlow + high) / 2);
    if (array[mid] < value) {
      low = mid + 1;
    } else {
      high = mid;
     }
  return low;
}

22.: 返回数组除了第一个元素的所有元素

javascript 复制代码
function tail(array) {
  return array.slice(1);
}
  1. take: 返回数组的前n个元素
javascript 复制代码
function take(array, n = 1) {
  return array.slice(0, n);
}
  1. union: 返回多个数组的并集
javascript 复制代码
function union(...arrays) {
  return Array.from(new Set([].concat(...arrays)));
}
  1. uniq: 返回数组中唯一的元素
javascript 复制代码
function uniq(array) {
  return Array.from(new Set(array));
}
  1. without: 返回数组中除了指定值之外的所有元素
javascript 复制代码
function without(array, ...values) {
  return array.filter(item => !values.includes(item));
}
  1. xor: 返回多个数组的异或集
javascript 复制代码
function xor(...arrays) {
  const count = {};
  for (const array of arrays) {
    for (const item of array) {
      count[item] = (count[item] || 0) + 1;
    }
  }
  return Object.keys(count).filter(item => count[item] === 1);
}
  1. zip: 将多个数组按索引合并为一个数组
javascript 复制代码
function zip(...arrays) {
  const maxLength = Math.max(...arrays.map(array => array.length));
  const result = [];
  for (let i = 0; i < maxLength; i++) {
    result.push(arrays.map(array => array[i]));
  }
  return result;
}
  1. countBy: 根据指定条件对数组进行分组计数
javascript 复制代码
function countBy(array, iteratee) {
  const result = {};
  for (const item of array) {
    const key = typeof iteratee === 'function' ? iteratee(item) : item[iteratee];
    result[key] = (result[key] || 0) + 1;
  }
  return result;
}
  1. debounce: 创建一个防抖函数,延迟执行指定的函数
javascript 复制代码
function debounce(func, wait, immediate = false) {
  let timeout;
  return function(...args) {
    const later = () => {
      timeout = null;
      if (!immediate) {
        func.apply(this, args);
      }
    };
    const callNow = immediate && !timeout;
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
    if (callNow) {
      func.apply(this, args);
    }
  };
}
相关推荐
我就是程序猿8 分钟前
tomcat的配置
java·tomcat
阳光阿盖尔14 分钟前
EasyExcel的基本使用——Java导入Excel数据
java·开发语言·excel
二十雨辰16 分钟前
[苍穹外卖]-12Apache POI入门与实战
java·spring boot·mybatis
程序员皮皮林16 分钟前
开源PDF工具 Apache PDFBox 认识及使用(知识点+案例)
java·pdf·开源·apache
蔚一17 分钟前
Java设计模式—面向对象设计原则(三) -----> 依赖倒转原则DIP(完整详解,附有代码+案例)
java·开发语言·设计模式·intellij-idea·依赖倒置原则
Book_熬夜!17 分钟前
Python基础(九)——正则表达式
python·正则表达式·php
liang899922 分钟前
SpringSecurity原理解析(七):权限校验流程
java·开发语言
LQS202022 分钟前
基于Python实现一个浪漫烟花秀
开发语言·python
孙小二写代码23 分钟前
[leetcode刷题]面试经典150题之1合并两个有序数组(简单)
算法·leetcode·面试
梅如你24 分钟前
python批量对遥感影像进行归一化与数据清洗
开发语言·python