`
jinhonglin001
  • 浏览: 15591 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

js-lodash的一些简单认识

 
阅读更多

    lodash是一个javaScript使用工具库,提供一致性,模块化,性能和配件等功能可以用来替换 Underscore        

    lodash一开始是Underscore.js库的一个fork,因为和其他(Underscore.js的)贡献者意见相左。John-David Dalton的最初目标,是提供更多“一致的跨浏览器行为……,并改善性能”。之后,该项目在现有成功的基础之上取得了更大的成果。最近lodash也发布了3.5版,成为了npm包仓库中依赖最多的库。它正在摆脱屌丝身份,成为开发者的常规的选择之一。

  下面是一些简单的应用 

  lodash使用全局的_来提供对工具的快速访问。

例如

 

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

 

输出

 

 

[['a', 'b'], ['c', 'd']]
[['a', 'b', 'c'], ['d']]

   _.indexOf方法

   介绍

   用来得到一个元素第一次出现在数组中的索引

   语法 

     _.indexOf(arr,value,[fromIndex = 0]);

    参数及描述

    arr          你需要访问的数组

    value      你需要查找的元素

    [fromIndex = 0])  从哪个索引开始查找

    返回值

     返回元素第一次出现的索引,若没有返回-1 

例:      

console.log(_.indexOf([1, 2, 3, 4], 2));
console.log(_.indexOf([1, 2, 3, 4], 2, 2));

 输出:

1 
-1 

   lodash主要使用了延迟计算,使得lodash其性能远远超过Underscore。在lodash中延迟计算意味着在我们的链式方法在显示或隐式的value()调用之前是不会执行的。由于这种执行的延后,因此lodash可以进行shortcut fusion这样的优化,通过合并链式iteratee大大降低迭代的次数。从而大大提供其执行性能。

 

分享到:
评论

相关推荐

    graphql-lodash-master.rar

    在这个名为 "graphql-lodash-master" 的压缩包中,我们可以推测它可能包含了一个与 GraphQL 和 Lodash 结合使用的项目或示例代码。 首先,GraphQL 允许客户端定义他们需要的数据形状,从而减少了网络请求的数量和...

    前端项目-lodash-compat.zip

    本篇文章将深入探讨“前端项目-lodash-compat”这一主题,解析其核心概念和应用。 Lodash,全名lodash.js,是JavaScript社区中的一个明星项目,它提供了一套实用的函数,涵盖了数组、对象、字符串等多种数据类型的...

    ember-lodash:Lodash 作为 Ember.js 应用程序的 ES6 模块

    = 0.2.3ember install:addon ember-lodash 然后在你的 ember.js 应用程序中,你可以自由地导入单独的 lodash 模块 import _string from 'lodash/string' ;let truncatedString = _string . trunc ( rawString ) ; ...

    eslint-plugin-lodash-fp:lodashfp 的 ESLint 规则

    eslint-plugin-lodash-fp lodash/fp 的 ESLint 规则 安装 $ npm install --save-dev eslint eslint-plugin-lodash-fp 用法 在package.json配置它。 { " name " : " my-awesome-project " , " eslintConfig " : ...

    find-used-lodash:使用 esprima 查找和检测使用过的 lodash 包

    安装 npm install --save-dev find-used-lodash例子一般用法 var findUsedLodash = require ( 'find-used-lodash' ) ;console . log ( findUsedLodash ( '_.each(["a", "b"], doSomething)' ) ;//=> ['each']在构建...

    前端项目-lodash-fp.zip

    在这个`前端项目-lodash-fp.zip`中,我们看到的是`lodash-fp`的一个项目实例,即`lodash-fp-master`。 首先,我们需要理解`lodash-fp`的核心特性。它采用柯里化(Currying)和管道操作(Pipelines)等函数式编程...

    前端项目-lodash.js.zip

    这个名为“前端项目-lodash.js.zip”的压缩包,包含了一个名为“lodash-master”的文件,这正是lodash的源代码仓库,为开发者提供了一个深入了解和使用lodash的宝贵资源。 lodash以其一致的接口设计、模块化的结构...

    前端开源库-lodash.contains

    这个库的设计目标是让代码更加可读、可维护,同时避免了JavaScript中的一些陷阱和不一致性。`_.contains`是Lodash的一个功能函数,用于检查一个数组(或集合)是否包含特定的值。这个方法在遍历数组时非常有用,可以...

    vue-lodash:这是一个用于将lodash集成到VueJ中的小包装

    Vue-Lodash 一个用于将lodash集成到Vuejs的小包装器(受插件启发) 安装 npm install --save vue-lodash lodash 用法 import Vue from 'vue' import VueLodash from 'vue-lodash' import lodash from 'lodash' //...

    kn-lodash:用于 lodash 的 Angular 模块包装器。 基于 ng-lodash

    kn-lodash 这是用于 Angular JS 的实用程序库的包装器。 这个项目的一个目标是确保 Lo-Dash 不必留在窗口上,我们以正常的依赖注入方式使用 Lo-Dash 和 Angular。 主页: : 安装 通过凉亭安装 bower install kn-...

    ember-cli-lodash-shim

    ember-cli-lodash-shim关于ember-cli-lodash-shim 包含一个用于 lodash 的 ES6 模块 shim。 bower install ember-cli-lodash-shim 执照ember-cli-lodash-shim 是。

    You-Dont-Need-Lodash-Underscore:您可以原生使用JavaScript方法列表+ ESLint插件

    您不需要(可能不需要)Lodash / Underscore Lodash和Underscore是很棒的现代JavaScript实用程序库,它们被前端开发人员广泛使用。 但是,当您针对现代浏览器时,由于ECMAScript5 [ES5]和ECMAScript2015 [ES6],您...

    ember-lodash-es-shim:Lodash-es的灰烬垫片

    恩布洛阿德希姆 安装 ember install ember-lodash-es-shim 用法 import isPlainObject from 'lodash/isPlainObject' ; 要了解有关lodash以及如何使用它的更多信息,请访问 Github页面。

    ucdd-lodash:UCDD II 类重新实现 lodash 的努力

    ucdd-lodash UCDD II 类重新实现 lodash 的努力 安装 $ npm install 测试 $ DEBUG=* node test/ucdd-lodash.test.js 第2部分 $ DEBUG=* node test/ucdd-lodash.part2.test.js

    javascript-5-lodash:主动使用lodash,console.time,console.timeEnd

    指示编辑lodash.js文件以完成工作。 使用实时服务器查看单元测试的运行情况。黑钻石如果您对使用某些lodash方法感到满意,请查看是否可以编写自己的javascript实用程序函数。 该实用程序存储库可让您实现...

    jquery-lodash-online-store:使用lodash和jquery创建的电子商务单页应用

    "jquery-lodash-online-store"项目就是一个很好的实例,它展示了如何结合jQuery和lodash这两个强大的工具来创建一个电子商务平台。下面我们将深入探讨jQuery、lodash以及它们如何协同工作以实现一个功能丰富的在线...

    Lodash.min.js最新版4.17.21下载【亲测可用】

    Lodash 通过降低 array,number,objects,string 等等的使用难度从而让 JavaScript 变得更简单 Lodash 的模块化方法 非常适用于: 遍历 array、object 和 string 对值进行操作和检测 创建符合功能的函数 按照官方...

    ls-lodash:洛达什混合

    ls-lodash用法 var _ = require ( 'ls-lodash' ) , merged = _ . safeMerge ( { } , { } ) ;应用程序接口安全合并 _ . safeMerge ( [ source ] , [ callback ] , [ thisArg ] )参数[source] (...Object)源对象...

    lodash.js下载

    lodash.js下载

    hands-on-with-lodash:lodash 的实践演练

    与 lodash 一起动手 Ken Snyder 于 2015 年 3 月 17 日在 SLC JS 学习者聚会上对 lodash 的演练 从 step-00.html 开始,然后继续 step-15.html

Global site tag (gtag.js) - Google Analytics