lodashjs

作者: Smile_smile_ | 来源:发表于2019-04-12 10:02 被阅读0次

链接:lodashjs

简单说明:一款功能强大的js工具库,提供很多常用的对数组、对象、字符串等进行操作的处理函数,降低了对array、number、objects、string等的使用难度,包含以下模块化方法:遍历数组对象字符串、对值进行操作和检测,创建符合功能的函数,且所有操作都不会改变原数据。

使用方法:引用lodash 

<script src="https://cdn.bootcss.com/lodash.js/4.17.12-pre/lodash.min.js"></script>
然后直接在按js或jQuery语法使用相关方法,与jQuery类似,使用“_”作为元素选择器;

常用方法:

1 数组:

    _.forEach()遍历数组,最后返回结果可直接传给变量

     eg:  var arr1 = _.forEach(arr1_o,function(n,key) {

        arr1_o[key].name= arr1_o[key].id+'-'+arr1_o[key].name;

    });

    _.uniq()  数组去重   _.contract()数组连接     _.drop(array,n)删除array的前n个值;

_.nth(array, n); 返回数组array中的第n个值

_.join(arrary,'string') 将array中的值用string连接;

2 对象

    _.findKey() 根据value找对应key值,匹配到第一个值后结束,匹配不到返回 undefined

    _.forIn() 遍历 

        eg :_.forIn(users, function(value, key) {

              console.log(key+':'+JSON.stringify(value));

        });

3 时间

_.now()获取当前时间

_.isDate()判断是否为date格式

4各种判断方法

_.isNull(val),当value为null时才为真;
_.isUndefined(val) 判断val是否为undefined;
_.isNaN(val) 判断是否为数字 是则返回false
_.isNumber(val) 判断是否为数字 是则返回true
_.isEmpty(val)判断是否为空;
_.isObject(val)判断是否为对象;
_.isArray(val) 判断是否为数组;
_.isString(val) 判断是否为字符串;
_.isElement(val)判断是否为html元素 eg_.isElement(document.body); =>true,_.isElement('<body>'); =>false
_.lt(num1,num2) 比较大小,若num1<num2 返回true;
_.lte(num1,num2) 比较大小,若num1<=num2 返回true
_.isEqual(obj1,obj2) 比较是否相等,比较内容可以是对象,数字,字符串等。

相关文章

  • lodashjs

    链接:lodashjs 简单说明:一款功能强大的js工具库,提供很多常用的对数组、对象、字符串等进行操作的处理函数...

  • 前端工具

    https://www.lodashjs.com/docs/4.17.5.html

  • 前端常用的库

    lodash https://www.lodashjs.com/ 简介: Lodash 通过降低 array、nu...

  • 2021-10-02 loadsh + js 转载

    链接:lodashjs[https://lodash.com/docs/4.17.11#clamp] 简单说明:一...

  • lodash用法详解以及与ES6的对比

    一、讲在前: 1、版本:VERSION = 4.17.5;2、中文文档:https://www.lodashjs....

  • vue里使用lodash

    lodash中文文档:https://www.lodashjs.com/docs/lodash.omit[http...

  • 第三方库

    1. lodash[https://www.lodashjs.com/] 降低了对 array、number、o...

  • lodash 简介

    具体使用细节参见:http://lodashjs.com/docs/#_chunkarray-size1 这是一个...

  • 阅迹(三)

    3.24看过 redux-tutorial-cn lodashjs 前端开发者进阶之函数柯里化Currying R...

  • 在 Vue 项目中引入 Lodash

    一、安装 二、引入 三、使用 四、实践 五、官网 https://www.lodashjs.com/ 六、感悟 L...

网友评论

    本文标题:lodashjs

    本文链接:https://www.haomeiwen.com/subject/hvdubqtx.html