`

js中引用库来实现简便代码

 
阅读更多

 

 

在js中常用的一些for循环会增加圈复杂度,同时会使代码的效率变低,执行起来也会相对缓慢,这时我们可以引用一些库 用里面的一些命令来替代for循环来实现我们的代码。

 

一些常用的库有 lodash.js 和underscore.js  这两个库用的越来越普遍。我们来说一下underscore.js这个库

 

 

我们在用for循环遍历数组查找满足条件的值时一般代码如下:

 

var  array=[1,2,3,4,5,6,7,8,9];

for(var i=0,i<array.length,i++){
    if(array[i]%3==0){
       return array[i];
     } 
}
结果为 3 6 9

 

 

上面的代码会一次一次的执行for循环,代码的效率会变低。我们可以用underscore.js来写

 

 

 

var   array=[1,2,3,4,5,6,7,8,9];

_.filter([1, 2, 3, 4, 5, 6], function(num){
            return num % 2 == 0; 
});


输出结果为 [3, 6, 9]

 

完成的功能相同代码简便且效率高。

 

 _uniq 删除数组的重复项

 

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

=> [1, 2, 3, 4]

// 返回的数组会删除原数组中的重复项

 

 

 

还有一些其他的功能比如_indexof(array, value),  _keys(object), _values(object)等,可根据自己的需要查询。

 

_indexof(array, value)功能:查询数组是否含有某个元素,如果有返回下标,没有返回-1

 

   
  var array=[1, 2, 3,4, 5, 6,7];

_.indexof(  array, 2);

 存在 返回下标  1

_.indexof(  array, 8);

不存在  返回-1

 

 

_keys(object)的功能是返回对象的键

 

_.keys({one: 1, two: 2, three: 3});

=> ["one", "two", "three"]

 

  _values(object)的功能是返回对象的键值

 

 

_.values({one: 1, two: 2, three: 3});


=> [1, 2, 3]

 

 

 

分享到:
评论

相关推荐

    JS+CSS3黑色创意时钟代码.zip

    【标签】中的“jquery”和“jQuery特效”表明这个时钟可能采用了jQuery库来处理JavaScript代码,jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理以及动画效果的实现。"CSS特效"和"网页特效"则进一步...

    纯JavaScript库使用Canvas生成QR代码

    这个库的主要优点在于其纯JavaScript实现,无需依赖任何其他库,使得集成到项目中非常简便。下面是一些使用qrious生成QR码的关键知识点: 1. **安装与引用**:下载neocotic-qrious-881c9a7压缩包后,你可以将qrious...

    腾讯jquery图片浏览代码.zip

    这个项目的核心技术是基于JavaScript库jQuery,它简化了网页中的DOM操作,使得图片浏览功能的实现更加简便。以下是这个压缩包中包含的文件及其作用: 1. **css** 文件夹:这个目录下存放的是CSS样式文件,主要负责...

    proj4js实现本地坐标与天地图的转换

    "proj4js"是一个JavaScript库,专门用于进行地理坐标转换,它使得在浏览器中实现多种坐标系统之间的转换变得简单。本篇文章将深入探讨proj4js如何帮助我们实现本地坐标与天地图坐标系统的无缝对接,以及如何利用其...

    jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    "jquery-3.4.1.js"是jQuery的核心库文件,包含了所有jQuery的功能,开发者可以直接在网页中引用该文件来启用jQuery。 "jquery-3.4.1_sangat1_jquery3.4.1"可能指的是一个特定的项目或者命名约定,"sangat1"可能是...

    HTML5手机右侧滑动导航下拉菜单代码.zip

    在网页开发中,这种功能通常由JavaScript库,如jQuery,来实现,以提供流畅的动画效果和良好的用户体验。jQuery是一个轻量级的JavaScript库,简化了HTML文档遍历、事件处理、动画制作和Ajax交互。 在这个“HTML5...

    jQuery全屏图片3D翻转切换代码

    在这个代码中,图片在X轴或Y轴上的翻转,就是通过这些属性来实现的。 4. **JavaScript事件处理**:jQuery提供了简便的事件绑定方法,如`$(element).click(function() {})`,使得当用户点击指定元素时,可以执行预设...

    three.js代码

    three.js高速简便下载,下载之后可以直接引用到html文档中

    jQuery漂浮抖动导航菜单代码.zip

    JavaScript部分,主要在`js`文件夹中的脚本里,使用jQuery库对导航菜单进行操作。jQuery的选择器功能强大,可以轻松选取DOM元素,并提供了一系列简便的方法如`fadeIn()`, `fadeOut()`, `slideToggle()`等来创建动态...

    JavaScript代码应该放在HTML代码哪个位置比较好?

    2. 外部引用避免了在JavaScript代码中使用CDATA部分,减少了代码中的噪音。 3. 公共的JavaScript代码可以被多个HTML文档复用,便于统一管理和维护。 4. 外部引用使HTML文档文件更小,有助于搜索引擎的收录。 5. 可以...

    【JavaScript源代码】基于jQuery拖拽事件的封装.docx

    在JavaScript编程中,jQuery库提供了一种简便的方式来处理DOM操作,包括事件处理。在这个实例中,我们将探讨如何基于jQuery封装一个拖拽事件。这个事件允许用户通过鼠标移动来改变元素的位置,实现类似拖放功能。 ...

    jQuery商品图片横向自动滚动轮播代码

    在这个轮播代码中,我们需要选择图片元素,改变它们的CSS属性(如位置、透明度等)以实现轮播效果。 3. **CSS样式**:CSS(Cascading Style Sheets)用于定义网页的布局和样式。在`css`文件夹中的样式表将定义轮播...

    【前端】利用HTML+css实现脚手架企业页面【HTML+CSS+JavaScript(JS)】

    此外,现代前端开发常常利用库和框架,如jQuery、React或Vue.js,来简化JS编程并提高性能。 图片资源如`img8.jpg`至`img6.jpg`在网页设计中扮演着重要角色,它们可以是公司logo、产品展示、背景图像等,通过`&lt;img&gt;`...

    html5 svg + js实现移动端圆形统计动画效果.zip

    jQuery是一个广泛使用的JavaScript库,它提供了一系列简便的方法来操作DOM、处理事件、执行动画和进行Ajax交互。在“jquery插件”和“jquery特效”的标签中,我们可以推测这个例子可能利用了jQuery来实现更流畅的...

    jQuery新年年会随机手机号码滚动抽奖代码.zip

    `js`文件夹则包含了实际的JavaScript代码,尤其是jQuery代码。这部分代码实现了抽奖的核心逻辑。jQuery库使得DOM操作更加简便,通过选择器选中特定元素,然后绑定事件监听器,比如点击按钮启动抽奖。JavaScript代码...

    google v8引擎 x64静态库

    总的来说,这个压缩包提供了在Windows 10环境下使用Visual Studio 2019编译的V8引擎x64静态库,为C++开发者提供了一种简便的集成JavaScript执行环境的方式。通过深入学习和实践V8的API,开发者能够充分利用其强大...

    jQuery滚动大转盘抽奖代码

    在这个抽奖代码中,jQuery用于处理DOM操作、事件绑定以及动画效果。 1. **DOM操作**:jQuery提供了简便的API来操作HTML元素。例如,`$("#id")`用于获取ID为`id`的元素,`$(".class")`用于获取所有class为`class`的...

    jquery.countdown.js自定义倒计时代码

    1. **jQuery集成**:`jquery.countdown.js` 是基于 jQuery 构建的,因此首先需要在项目中引入 jQuery 库。jQuery 提供了一套简便的 DOM 操作和事件处理机制,使得这款插件易于使用和集成。 2. **倒计时逻辑**:该...

    prototype.js 1.6中文手册、prototype.js 1.6英文手册、

    Prototype.js 是一个开源的JavaScript库,它扩展了JavaScript语言,为开发者提供了许多便利的功能,特别是在对象操作、DOM操作和事件处理方面。1.6版本是该库的一个重要里程碑,引入了诸多改进和新特性。 ### 1. ...

Global site tag (gtag.js) - Google Analytics