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'))
结果为: