Lodash 是一个流行的 JavaScript 工具库，提供了大量实用的函数来处理数组、数字、对象、字符串等。它能让 JavaScript 编程更加简单和高效。

以下是一些常用的 Lodash 功能示例：

1. 数组操作：

import { chunk, uniq, flatten } from 'lodash-es'

// 数组分块
chunk([1, 2, 3, 4], 2) 
// => [[1, 2], [3, 4]]

// 数组去重
uniq([1, 2, 2, 3]) 
// => [1, 2, 3]

// 数组扁平化
flatten([1, [2, 3], 4]) 
// => [1, 2, 3, 4]

2. 对象操作：

import { get, merge, pick } from 'lodash-es'

// 安全获取对象属性
const obj = { a: [{ b: { c: 3 } }] }
get(obj, 'a[0].b.c') 
// => 3
get(obj, 'a.b.c', 'default') 
// => 'default'

// 对象合并
merge({ a: 1 }, { b: 2 }) 
// => { a: 1, b: 2 }

// 选取对象属性
pick({ a: 1, b: 2, c: 3 }, ['a', 'c']) 
// => { a: 1, c: 3 }

3. 函数工具：

import { debounce, throttle } from 'lodash-es'

// 防抖
const debouncedFn = debounce(() => {
  console.log('执行搜索')
}, 300)

// 节流
const throttledFn = throttle(() => {
  console.log('滚动处理')
}, 100)

4. 字符串处理：

import { camelCase, kebabCase, capitalize } from 'lodash-es'

// 驼峰命名
camelCase('foo-bar') 
// => 'fooBar'

// 连字符命名
kebabCase('fooBar') 
// => 'foo-bar'

// 首字母大写
capitalize('fred') 
// => 'Fred'

5. 在 uni-app 中使用：

// 安装
// npm install lodash-es

// 在组件中使用
<script lang="ts" setup>
import { debounce } from 'lodash-es'

// 创建一个防抖的搜索函数
const search = debounce((keyword: string) => {
  // 执行搜索逻辑
  console.log('搜索关键词:', keyword)
}, 300)

// 在模板中使用
const handleInput = (e: any) => {
  search(e.detail.value)
}
</script>

6. 注意事项：

• 建议使用 lodash-es 而不是 lodash，因为 lodash-es 支持 Tree-shaking
• 按需导入需要的函数，而不是导入整个库
• 在小程序中使用时要注意包大小的限制

使用 Lodash 的优势：

1. 提高开发效率
2. 代码更简洁可读
3. 处理各种边界情况
4. 跨浏览器兼容性好
5. 经过充分测试的可靠性

在实际开发中，Lodash 能帮助我们避免重复编写常用的工具函数，提供了一致且可靠的 API。