Lodash

lodash 介绍

是一个一致性、模块化、高性能的 JavaScript 实用工具库。
官网网址：https://www.lodashjs.com/

常用数组方法:

_.chunk 数组分组
_.map 数组遍历
_.clone 浅拷贝
_.cloneDeep 深拷贝

使用lodash之前先安装lodash

npm init -y  在项目目录下先安装package.json文件
cnpm i lodash -S  项目目录下安装lodash

案例一: 数组分组 _.chunk(数组，以多少长度分组)

应用场景：后台管理系统数据分页
移动端webapp 的上拉加载

先引入lodash

const _ = require ('lodash')

定义一个数组

const arr = [1,2,3,4,5,6,7,8,9]

输出结果：输出一个以三个数为一组的数组

console.log(_.chunk(arr,3))

在终端运行文件，结果为：

案例二：数组遍历_.map

业务：将数组中的num属性所对应的值遍历出来然后放到一个新的数组中

定义一个数组

const arr2 = [{
    id:1,
    num:100
},{
    id:2,
    num:200
},{
    id:3,
    num:300
}]

JS方法：for循环遍历

const newArr = []
for(var i=0; i<arr2.length;i++){
    newArr.push(arr2[i].num)
}
console.log(newArr) // [ 100, 200, 300 ]

lodash 方法：

console.log(_.map(arr2,'num'))

结果为：