📜  Lodash 数组完整参考(1)

📅  最后修改于: 2023-12-03 15:02:47.493000             🧑  作者: Mango

Lodash 数组完整参考

Lodash 是一个快速、现代化、实用的 JavaScript 工具库,它提供了对数组、对象、字符串、函数等数据类型的丰富操作。本文将介绍 Lodash 提供的数组相关操作。

安装

在使用 Lodash 数组工具之前,需要先安装它。你可以通过 NPM 进行安装:

npm install lodash

或者在 HTML 页面中使用以下代码引入 Lodash:

<script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.min.js"></script>
数组相关函数
1. _.chunk(array, [size])

将数组按指定大小分块,返回一个嵌套数组。

_.chunk([1, 2, 3, 4, 5], 2);
// => [[1, 2], [3, 4], [5]]
2. _.compact(array)

去除数组中所有的假值,返回一个新数组。

_.compact([0, 1, false, 2, '', 3]); 
// => [1, 2, 3]
3. _.concat(array, [values])

将指定值连接到数组的末尾,返回一个新数组。

var array = [1];
var other = _.concat(array, 2, [3], [[4]]);
// => [1, 2, 3, [4]]
4. _.difference(array, [values])

去除数组中指定的值,返回一个新数组。

_.difference([1, 2, 3], [4, 2]);
// => [1, 3]
5. .findIndex(array, [predicate=.identity], [fromIndex=0])

查找数组中满足条件的第一个索引值。

var users = [
  { 'user': 'barney',  'active': false },
  { 'user': 'fred',    'active': false },
  { 'user': 'pebbles', 'active': true }
];

_.findIndex(users, function(o) { return o.user == 'fred'; });
// => 1
6. _.first(array)

获取数组中的第一个元素。

_.first([1, 2, 3]);
// => 1
7. _.flatten(array)

将嵌套的数组扁平化,返回一个新数组。

_.flatten([1, [2, [3, [4]], 5]]);
// => [1, 2, 3, 4, 5]
8. _.includes(array, value, [fromIndex=0])

判断一个值是否在数组中。

_.includes([1, 2, 3], 1);
// => true
9. _.intersection([arrays])

取多个数组的交集,返回一个新数组。

_.intersection([2, 1], [2, 3]);
// => [2]
10. _.last(array)

获取数组中的最后一个元素。

_.last([1, 2, 3]);
// => 3
11. _.reverse(array)

将数组的顺序取反,返回一个新数组。

_.reverse([1, 2, 3]);
// => [3, 2, 1]
12. _.slice(array, [start=0], [end=array.length])

返回一个指定区间的新数组。

_.slice([1, 2, 3, 4, 5], 2, 4);
// => [3, 4]
13. _.uniq(array)

去除数组中的重复元素,返回一个新数组。

_.uniq([2, 1, 2]);
// => [2, 1]
14. _.zip([arrays])

将多个同等长度的数组合并起来,返回一个包含元素组合的新数组。

_.zip(['a', 'b'], [1, 2], [true, false]);
// => [['a', 1, true], ['b', 2, false]]
总结

Lodash 提供了很多实用的数组操作函数,能够大大简化开发过程中的代码量。通过本文的介绍,你应该对 Lodash 数组工具有了更深入地了解。