CODE大全
版权声明:本文为博主原创文章,未经博主允许不得转载。

JavaScript工具类库lodash.js使用详解

发布时间:『 2017-08-04 16:35』  博客类别:WEB前端  阅读(1665) 评论(0)

最近无意之间发现了一个强大的js类库lodash.js。本文将详细的介绍它的一些用法。

lodash.js是一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库。

lodash.js非常的强大,大约有上百个功能。

lodash.js Download(下载)

lodash提供了3种方式进行下载。

或者也可以到github进行构建。

lodash安装使用

在html页面中引入下面的代码:

<script src="lodash.js"></script>

npm安装

$ npm i -g npm
$ npm i --save lodash

Node.js 引用的方式:

/ Load the full build.
var _ = require('lodash');
// Load the core build.
var _ = require('lodash/core');
// Load the FP build for immutable auto-curried iteratee-first data-last methods.
var fp = require('lodash/fp');
// Load method categories.
var array = require('lodash/array');
var object = require('lodash/fp/object');
// Cherry-pick methods for smaller browserify/rollup/webpack bundles.
var at = require('lodash/at');
var curryN = require('lodash/fp/curryN');

lodash.js有上百个特性我就不一一列举了。下面看两个案例:

合并数组

引入lodash.js后,合并数组就很简单了。

_.assign({ 'a': 1 }, { 'b': 2 }, { 'c': 3 });

数组内的元素扩大倍数:

_.map([1, 2, 3], function(n) { return n * 3; });
// → [3, 6, 9]

分扯数据:

_.chunk(['a', 'b', 'c', 'd'], 2);
// => [['a', 'b'], ['c', 'd']]
_.chunk(['a', 'b', 'c', 'd'], 3);
// => [['a', 'b', 'c'], ['d']]

总之,lodash有很多优秀的功能。跟多方法的使用请参考其官网吧。


——— 全文完 ———
如有版权问题,请联系532009913@qq.com。
关键字:   lodash     JavaScript  
评论信息
暂无评论
发表评论
验证码: 
Powered by CODE大全 | 鄂ICP备14009759号-2 | 网站留言 Copyright © 2014-2016 CODE大全 版权所有