Vue中使用Lodash的实现示例
安装
cnpm i -S lodash
全局引入
import _ from 'lodash'Vue.prototype._ = _
使用 在任何地方使用_或者this._即可调用lodash
文章图片
文章图片
对象数组排序
文章图片
文章图片
let users = [{ user: 'a', age: 48 },{ user: 'b', age: 34 },{ user: 'a', age: 42 },{ user: 'b', age: 55 }]; let c = this._.orderBy(users, ['age'], ['desc']); console.log('age降序排列:', c); let d = _.orderBy(users, ['user', 'age'], ['desc', 'asc']); console.log('user降序,age升序排序:', d);
场景1: 我们要可视化今天各个小时的数据,其中x轴为
['00', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15'],但是后端返回的json数据中缺失了某个时间段的数据,为了不让echart中时间段错位,我们需要补上这一条数据,其值设置为0
文章图片
封装函数:
文章图片
文章图片
test(arr1 = ['00', '01', '02', '03'],arr2 = [{ value: '12', name: '00' },{ value: '45', name: '01' },{ value: '65', name: '03' }],orderKey = 'name',order = 'asc') {let arr_result = arr2.map((d) => d.name); let a = arr1.filter((item) => !arr_result.includes(item)); if (a.length !== 0) {a.forEach((item) => {arr2.push({ value: '0', name: item }); }); }return _.orderBy(arr2, [orderKey], [order]); },
【Vue中使用Lodash的实现示例】到此这篇关于Vue中使用Lodash的实现示例的文章就介绍到这了,更多相关Vue使用Lodash 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- 如何在Python中使用Keras和TensorFlow构建垃圾邮件分类器()
- 如何使用Python和Scikit-learn制作语音情感识别器()
- 供数据科学家和机器学习工程师使用的9大Python库合集
- 使用Python与FXCM Broker实现算法交易(详细指南)
- 如何在Python中使用Tensorflow 2和Keras制作图像分类器()
- 如何在Python中使用TensorFlow 2和Keras构建文本生成器()
- 如何在Python中使用TensorFlow和迁移学习实现图像分类()
- 图像文本识别(Python中的光学字符识别 (OCR)实现)
- 如何在Python中使用OpenCV和K-Means聚类进行图像分割()
- autorun.inf是啥?U盘中了autorun.inf病毒怎样办?