Lodash方法整理

Lodesh简介

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于:

  • 遍历 array、object 和 string
  • 对值进行操作和检测
  • 创建符合功能的函数

数组方法

_.chunk(array,size)

将一个数组拆分成多个数组,再将其组成一个新的数组,array为被拆分的数组,size表示被拆分的长度。如果数组不能被等分为相同长度,剩下的元素将会组成一个数据

            _.chunk(['a', 'b', 'c', 'd'], 2);
            // => [['a', 'b'], ['c', 'd']]
            _.chunk(['a', 'b', 'c', 'd'], 3);
            // => [['a', 'b', 'c'], ['d']]

_.compact(array)

筛选出数组中非假值的元素(0,false,NaN,undefined,null,“”),array为被筛选的数组

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

_.concat(array,value)

将一个数组与任何数组或值连接在一起,array为被连接数组,value为连接的值

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

_.difference(array,value)

将两数组对比,在第一个数组中筛选出除了第二个数组中包含的元素,array为被筛选的元素,value为对比的数组

            _.difference([3, 2, 1], [4, 2]);
            // => [3, 1]

_.drop(array,size) (从左开始切除)

_.dropRight(array,size) (从右开始切除)

返回一个切片数组,去除前面n个元素,array为被切割的数组,size为切割的长度

            _.drop([1, 2, 3]);
            // => [2, 3]
            _.drop([1, 2, 3], 2);
            // => [3]
            _.drop([1, 2, 3], 5);
            // => []
            _.drop([1, 2, 3], 0);
            // => [1, 2, 3]

_.fill(array,value,start,end)

返回一个填充后的数组,array为被填充的数组,value为填充元素,start为数组中填充的起始位置,end为数组中填充的结束位置

        var array = [1, 2, 3];
        _.fill(array, 'a');
        console.log(array);
        // => ['a', 'a', 'a']
        _.fill(Array(3), 2);
        // => [2, 2, 2]
        _.fill([4, 6, 8, 10], '*', 1, 3);
        // => [4, '*', '*', 10]

_.findIndex(array,predicate)

返回第一个通过predicate判断的元素下标,array为搜索的数组,predicate为判断条件

        var users = [
            { 'user': 'barney', 'active': false },
            { 'user': 'fred', 'active': false },
            { 'user': 'pebbles', 'active': true }
        ];
        _.findIndex(users, function (o) { return o.user == 'barney'; });
        // => 0
        _.findIndex(users, { 'user': 'fred', 'active': false });
        // => 1
        _.findIndex(users, ['active', false]);
        // => 0
        _.findIndex(users, 'active');
        // => 2

持续更新中......

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值