js 库
loyalvi Lv7

js 库

Lodash

Lodash 是一个流行的 JavaScript 实用工具库,旨在通过提供一致的、模块化、高性能的函数来简化常见的编程任务。它支持数组、对象、字符串等多种数据类型的处理,并且鼓励函数式编程风格。

主要特点

  1. 丰富的功能:提供大量内置函数,用于处理数组、对象、字符串等数据类型。
  2. 模块化设计:支持按需加载模块,减少打包体积。
  3. 链式调用:允许连续使用多个方法,无需每次都传递结果。
  4. 高性能:优化了代码执行效率。

安装与使用

  • 通过 npm 安装
    1
    npm install lodash
  • 通过 yarn 安装
    1
    yarn add lodash
  • 在浏览器中使用 CDN
    1
    <script src="https://cdn.jsdelivr.net/npm/lodash@latest/lodash.min.js"></script>
    在代码中引入 Lodash:
1
2
3
const _ = require('lodash'); // Node.js 环境
// 或
import _ from 'lodash'; // ES6 模块

常用方法

  • 数组操作
    • _.chunk(array, size):将数组分割成指定大小的块。
    • _.compact(array):移除数组中的假值。
  • 对象操作
    • _.assign(object, sources):将源对象的属性复制到目标对象。
    • _.merge(object, sources):递归合并对象。
  • 字符串操作
    • _.camelCase(string):将字符串转换为驼峰式命名。
    • _.capitalize(string):将字符串的首字母大写。

链式调用示例

1
2
3
4
5
6
7
8
9
10
11
12
const users = [
{ user: 'fred', age: 48 },
{ user: 'barney', age: 34 },
{ user: 'fred', age: 40 },
{ user: 'barney', age: 36 }
];
const result = _.chain(users)
.filter(user => user.age > 35)
.map(user => user.user.toUpperCase())
.sortBy()
.value();
// => ['BARNEY', 'FRED', 'FRED']

memontjs

由 Hexo 驱动 & 主题 Keep
访客数 访问量