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

lodash 方法:

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

结果为:
在这里插入图片描述

你可能感兴趣的:(个人)