Lodash 是 JavaScript 的一个工具库,内部封装了很多字符串、数组、对象等常见数据类型的处理函数。首先要明白的是 Lodash 的所有函数都不会在原有的数据上进行操作,而是复制出一个新的数据,不会改变原有数据。
_.
是Lodash 中的顶层对象,所有的方法和属性都在_.
中使用。
1._.indexOf
通过给定的元素(b)获取到这个元素的下标
let ary = ["a", "b", "c", "a", "b", "c"];
_.indexOf(ary, "b");//通过给定的元素(b)获取到这个元素的下标
// => 1
2._.filter
返回一个新的过滤后的数组。
let ary = [10, 20, 30, 40];
_.filter(ary, item => item >= 20);
// => [20, 30, 40]
3._.map
把数组中的每一个元素进行相同的操作,组成新数组返回
let ary = [10, 20, 30, 40];
_.map(ary, item => item / 10);
// => [1, 2, 3, 4]
4._.find()
返回集合中满足查找条件的第一个元素
let ary1 = [11, 12, 13, 14];
_.find(ary1, item => item % 2 == 0);
// => 12
let ary2 = [
{ x: 1, y: 3 },
{ x: 2, y: 2 },
{ x: 3, y: 1 }
];
_.find(ary2, { y: 1 });
// => { x: 3, y: 1 }
5._.findIndex()
返回集合中满足查找条件的第一个元素的下标。
let ary1 = [11, 12, 13, 14];
_.findIndex(ary1, item => item % 2 == 0);
// => 1
let ary2 = [
{ x: 1, y: 3 },
{ x: 2, y: 2 },
{ x: 3, y: 1 }
];
_.findIndex(ary2, { y: 1 });
// => 2
6._.shuffle()
用于打乱一个集合中所有元素的位置并返回一个新的集合。
let ary = [11, 12, 13, 14, 15, 16];
_.shuffle(ary);
// => [13, 15, 11, 12, 16, 14]
_.orderBy()
按照指定规则对集合进行排序并返回一个新的集合。
let ary = [
{ x: 2, y: 3 },
{ x: 1, y: 1 },
{ x: 2, y: 2 }
];
_.orderBy(ary, 'y');
// => [ { x: 1, y: 1 }, { x: 2, y: 2 }, { x: 2, y: 3 } ];
_.orderBy(ary, 'y', 'desc');
// => [ { x: 2, y: 3 }, { x: 2, y: 2 }, { x: 1, y: 1 } ];
_.orderBy(ary, ['x', 'y'], ['asc', 'desc']);
// => [ { x: 1, y: 1 }, { x: 2, y: 3 }, { x: 2, y: 2 } ];
8._.isEqual()
通过深比较来判断两个值是否相等。
let object = { a: 1 };
let other = { a: 1 };
_.isEqual(object, other);
// => true
_.uniq()
对数组进行去重操作并返回一个新数组。
let ary = [11, 11, '12', 12, 12, 13];
_.uniq(ary);
// => [11, '12', 12, 13]
10._.uniqBy()
根据指定规则去迭代数组中的每一个元素和属性来实现去重并返回一个新数组。
let ary1 = [11.3, 11.7, 12.1, 12, 12.9];
_.uniqBy(ary1, Math.round);
// => [11.3, 11.7, 12.9];
let ary2 = [
{ x: 2, y: 3 },
{ x: 1, y: 1 },
{ x: 2, y: 2 }
];
_.uniqBy(ary2, 'x');
// => [ { x: 2, y: 3 }, { x: 1, y: 1 } ];
11._.uniqWith()
根据指定规则将数组中的每一个元素进行比较来实现去重并返回一个新数组。
let ary = [
{ x: 2, y: 3 },
{ x: 1, y: 1 },
{ x: 2, y: 3 }
];
_.uniqWith(ary, _.isEqual);
// => [ { x: 2, y: 3 }, { x: 1, y: 1 } ];
12._.remove()
将满足条件的元素从原数组中删除,被删除元素组成新数组返回。
let ary = [11, 12, 13, 14];
let evens = _.remove(ary, item => item % 2 == 0);
// => ary: [11, 13]
// => evens: [12, 14]
13._.intersection()
找出所有给定数组中相同的元素组成一个新数组并返回。
let ary1 = [10, 11, 12];
let ary2 = [11, 12, 13];
_.intersection(ary1, ary2);
// => [11, 12];
14._.chunk()
将一个数组拆分成多个小数组,返回一个新的二维数组。
let ary = [10, 11, 12, 13, 14, 15, 16];
_.chunk(ary, 2);
// => [[10, 11], [12, 13], [14, 15], [16]];