Lodash——Javascript库之Array篇

这几天又学到了不少原来不知道的知识,在周末中总结了些Javascript库—lodash(Array)篇的内容,希望在以后的学习中不时的自己去复习和更新。

lodash—JavaScript工具库,现今非常流行,下面是我对它的一些代码的总结:

1._.chunk  指按照指定的长度去合并数组的元素。

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

// → [[‘a‘, ‘b‘], [‘c‘, ‘d‘]]

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

// → [[‘a‘, ‘b‘, ‘c‘], [‘d‘]]

2._.compact  删除数组元素中的虚假值。

_.compact([0, 1, false, 2, ‘‘, 3]);

// → [1, 2, 3]

3._.drop 可以输出删除指定位置的元素(默认值为1),若为0,则返回原数组。

_.drop([1, 2, 3]);

// → [2, 3]

_.drop([1, 2, 3], 2);

// → [3]

_.drop([1, 2, 3], 5);

// → []

_.drop([1, 2, 3], 0);

// → [1, 2, 3]                   //这个就是返回了原数组。

4. _.difference 在第一个数组元素中删除与第二个数组相同的元素。

_.difference([1, 2, 3], [5, 2, 10]);

// → [1, 3]

5._.intersetion  通过找到几个数组中共有的元素,然后进行输出。

_.intersection([1, 2, 3], [5, 2, 1, 4], [2, 1]);

// → [1, 2]

6._.dropRight  我自己认为这个和_.drop基本用法相同,只不过这个是从右侧进行删除。

7._.findIndex  可以输出相反的满足条件对象的个数。

var users = [  { ‘user‘: ‘barney‘,  ‘age‘: 36, ‘active‘: false },  { ‘user‘: ‘fred‘,    ‘age‘: 40, ‘active‘: true },                                                      { ‘user‘: ‘pebbles‘, ‘age‘: 1,  ‘active‘: false }  ];

_.findIndex(users, function(chr) { return chr.age < 40; });

// → 0

_.findIndex(users, { ‘age‘: 1 });

// → 2

8. (1.)_.first 输出第一个元素.

_.first([1, 2, 3]);

// → 1

_.first([]);

// → undefined

(2.)_.rest 输出除第一个元素的剩下元素。

_.rest([1, 2, 3]);

// → [2, 3]

(3)_.last 输出最后一个元素

_.last([1, 2, 3]);

// → 3

(4.)_.initial 输出除最后一个元素的剩下元素

_.initial([1, 2, 3]);

// → [1, 2]

9. 原数组删除2, 3后输出.

var array = [1, 2, 3, 1, 2, 3];

_.pull(array, 2, 3);

console.log(array);

// → [1, 1]

10._.without去掉数组中的元素。

.without([1, 2, 1, 0, 3, 1, 4], 0, 1);

// → [2, 3, 4]

时间: 2024-10-07 08:32:10

Lodash——Javascript库之Array篇的相关文章

高性能的JavaScript库---Lodash

上周在仿做Nodejs社区的时候,遇到了lodash这个javascript库,很惭愧,那也是我第一次听说lodash.人嘛,对于新鲜的事物总是会或多或少感到些好奇的,于是就毫不犹豫地去lodash官网逛了逛......咦...这货我怎么感觉在哪儿见过?......额,尼玛这不就是underscore吗?难道是升级版?于是接着各种百度,google......先在这里简单总结一下吧! lodash中文网上的第一句话是这么说的: 这是一个具有一致接口.模块化.高性能等特性的 JavaScript

转:2014年最酷的30个JavaScript库

原文来自于:http://www.gbtags.com/gb/share/3701.htm 使用JavaScript库将会使开发变的更简单,大部分JavaScript库提供的功能都是极好的,当我们在为一个项目选定开发技术的时候,选择一个明星框架当然很不错,但是有些库文件太大了.当你想要为一个特定的任务寻找解决方案的时候,你可以选择一个更有针对性,更轻量级的框架. 在这篇文章中,我们总结了近期30个很棒的JavaScript库,下面这些JavaScript库都是非常实用的,尤其是对于有特定需求的项

最新的jQuery插件和JavaScript库

每一个前端开发人员很清楚的重要性和功能的JavaScript库提供.它提供了一个简单的接口,用于构建快速动态的接口,而无需大量的代码. 谢谢你的超级从事jQuery开发者社区,人始终是创造新的和令人惊叹的东西,那里是吨伟大的jQuery插件和JavaScript库在那里,插件和图书馆,涵盖了各种各样的功能. 在这篇文章中我们已经编译列表的JavaScript库为2015年7月,在这篇综述中,我们已经覆盖特征丰富和互动的JavaScript库,为您提供多种功能,能为你建立有效和有用的Web应用提供

JavaScript库开发者们的规则

详细内容请点击 1. 保持无侵入性 我的HTML标记不想知道你的JavaScript代码. 2. 严禁修改和扩展Object.prototype! 这条很重要,因此需要一条完全针对它的规则.对象是JavaScript功能的基本构建模块,不要搞乱它们. 3. 不要过分扩展 对JavaScript内建对象的扩展越少越好.别误解我的意思.JavaScript的原生对象中有用的方法是有点少,有时不得不添加一两个自己的方法.但是,对于富有创造力的(库)程序员来说,添加这“一两个”方法是不够的.然而,请停下

深入理解JavaScript系列(结局篇)(转载)

深入理解JavaScript系列(结局篇) 介绍 最近几个月忙得实在是不可开交,终于把<深入理解JavaScript系列>的最后两篇“补全”了,所谓的全是不准确的,因为很多内容都没有写呢,比如高性能.Ajax安全.DOM详解.JavaScript架构等等.但因为经历所限,加上大叔希望接下来写点其它东西,所以此篇文字就暂且当前完结篇的总结吧,以后有时间的话,可以继续加上一些未涉及的专题内容. 网络文章来源 本系列文章参考了大量的互联网网站,在此向各位网站拥有者.博主.提到的以及未提到的作者们说一

iOS8 WebKit库之——WKWebView篇

apple和google为webkit该浏览器引擎的发扬光大做出了重要贡献,在WWDC 2014发布会上发布iOS 8中,apple公布了WebKit框架,这意味着OSX和IOS开发者将共用同样的开发库,新改变可以提高开发者编写的代码的重复使用性. webkit使用WKWebView来代替IOS的UIWebView和OSX的WebView,并且使用Nitro JavaScript引擎,这意味着所有第三方浏览器运行JavaScript将会跟safari一样快. 第一.WKWebView增加的属性和

19个很有用的 JavaScript库推荐

流行的 JavaScript 库有jQuery,MooTools,Prototype,Dojo和YUI等,这些 JavaScript 库功能丰富,加上它们众多的插件,几乎能实现任何你需要的功能 然而需要实现一些特定的功能,则可以选择功能更专一的轻量库,今天这篇文章与大家分享16个很有用的 JavaScript 库. Blackbird: Open Source JavaScript Logging UtilityBlackbird 是一款非常酷的 JavaScript 调试工具,带有一个漂亮的界

推荐8个实现 SVG 动画的 JavaScript 库

SVG 是一种分辨率无关的图形(矢量图形).这意味着它在任何类型的屏幕都不会遭受任何质量损失.除此之外,你可以让 SVG 灵活现一些动画效果.这篇文章就给大家推荐8个实现 SVG 动画的 JavaScript 库. 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuery 图片轮播插件 1. W

基于Grunt构建一个JavaScript库

现在公认的JavaScript典型项目需要运行单元测试,合并压缩.有些还会使用代码生成器,代码样式检查或其他构建工具. Grunt.js是一个开源工具,可以帮助你完成上面的所有步骤.它非常容易扩展,并使用JavaScript书写,所以任何为JavaScript库或项目工作的人都可以按自己的需要扩展它. 本文解释如何使用Grunt.js构建JavaScript库.Grunt.js依赖Node.js和npm,所以第一节解释其是什么,如何安装和使用.如果你对npm有了解,那你可以跳过这一节.第四和第五