zoukankan      html  css  js  c++  java
  • lodash集合啦,将持续更新...

    lodash是javascript的一个工具库,拿来即用,很方便。

    lodash的资源库地址为lodash,一起学习吧!

    数组Array

    chunck 分割数组

    将数组根据指定的长度进行分割,默认是1。

    如果不能很平均的被分割,最后一个被分割的数组将成为最后一个。

    结果是分割成一个二维数组。

    形如:_.chunk(Array,size),size默认是1

    _.chunk(['a','b','c','d'],2)
    

    上面代码表示将['a','b','c','d']进行长度为2的分割,分割结果为[['a','b'],['c','d']]

    compact

    去除数组里面含有否定的项,比如null,0,undefined,NaN,'',false,不改变原来的数组

    形如:_.compact(Array)

    let array=[0,1,2,null,'',undefined,NaN]
    _.compact(array)
    

    上面代码表示结果为[1,2]

    concat

    结合其他的数组/数值,不改变原数组

    形如:_.concat(array,value,[values])

    其中array表示原数组,value表示数值,[values]表示数组,在这里,一维数组和数值效果一样。

    let array=[1]
    
    _.concat(array,2,[3],[[4]])
    

    上面代码结果为[1,2,3,[4]],其中2和[3]效果是一样的

    difference

    找出第一个数组中与其他数组中不相同的项,不改变原数组

    形如:_.difference(array,array1,array2,array3...)

    let array=[1,2,3];
    let array2=[2,4];
    _.difference(array,array2)
    

    上面的代码结果为[1,3],是基于array,寻找不相同的项。

    differenceBy

    作用跟上面的difference一致,但是加了一个参数,让数组的每一项都能按照某一个标准去执行,然后再进行比对,对元素进行迭代。

    形如:_.differenceBy(array,array1,array2...,iteratee)

    let array=[1.2,2.2]
    let array2=[2.1,2.3]
    
    _.differenceBy(array,array2,Math.floor)
    

    上面的代码结果为[1.2],因为Math.floor会使得数组的每项变成[1,2],[2,2],再进行比较时,自然只剩下[1],对应的便是[1.2]

    differenceWith

    作用跟上面的difference一致,但是加了一个参数,遍历每个数组,按照某个比较器进行比较。

    形如:_.differenceBy(array,array1,array2...,comparator)

    const array=[{obj1:1},{obj2:2}]
    const array2=[{obj2:2}]
    
    _.differenceWith(array,array2,_.isEqual)
    

    上面代码结果为[{obj1:1}],其中_.isEqual是那个比较器

    相关demo在我的github上,敬请期待后续更新。。。

  • 相关阅读:
    格式化Format使用
    ASP.NET几种清除页面缓存的方法
    repeater中分页aspnetpager是遇到的问题
    利用正则表达式去掉html代码
    ASP.NET母版页中调用内容页的方法和web用户控件调用.aspx页面里的方法
    PHP常用代码大全
    用 JA Transmenu 模块做多级弹出菜单
    简单的 "改变" joomla 后台administrator目录
    数据库设计中的14个技巧
    Joomla模板制作教程(转)
  • 原文地址:https://www.cnblogs.com/zdping/p/13431784.html
Copyright © 2011-2022 走看看