underscore.js框架

谁践踏了优雅 2021-07-24 21:16 292阅读 0赞

**另一种简化js操作方式**  
**想用的但是js步骤繁琐的**  
比如:  
js求数组最值:Math.max.apply(null,数组对象）  
u.js求数组最值:\_.max(数组对象);  
[api地址][api]

常用方法

underscore.js
    (1)快速遍历:_.each(对象/数组,function(ele每次遍历的元素,index元素的下标或键名,list元素所在的集合){})
    (2)求最值:_.max(数组);
    (3)随机数:_.random(min,max); 返回min到max之间的随机整数;
    		 _.random(max);  返回0到max之间的随机整数;
    (4)返回删除指定元素后的数组:_.without(数组对象,删除值1,删除值2,...); 删除值只能是数值,不能是数组

代码示例:

<html>
    <head>
    	<meta charset="utf-8">
    	<title></title>
    	<script src='js/underscore.js'></script>
    
    	<style>
    		.canvas{ 
    			border:solid 2px black;
    		}
    	
    	
    	</style>
    </head>
    <body>
    
    	<canvas width="300px" height="200px" class='canvas'>您的浏览器不支持canvas标签,请变更支持canvas的浏览器</canvas>
    	<script>
    			var	canvas=document.querySelector(".canvas");
    			var bi=canvas.getContext('2d');
    
    			var arr=['a','b','c'];
    			var narr=[1,2,3,4];
    			var obj={ 
    				name:'jeff',
    				age:18,
    				gender:'male'
    			}
    			_.each(obj,function(ele,index,list){ 
    				console.log('---------------')
    				console.log(ele);
    				console.log(index);
    				console.log(list);
    			})
    
    			console.log(_.max(narr))
    			console.log(_.random(22));
    			console.log(_.random(22,30));
    
    			console.log(_.without(narr,[1,2]));
    			console.log(_.without(arr,'a'));
    
    	</script>
    	
    </body>
    
    </html>

[api]: http://www.underscore-js.com/collectionsandarray.html#each

发表评论取消回复

表情：

评论列表（有 0 条评论，292人围观）

还没有评论，来说两句吧...

相关阅读

相关 jfinal框架(jfinal框架)

jfinal框架怎么样轻量级，支持快速开发，我现在手上的一个项目就是用的jfinal,直接用sql语句操作数据库，个人感觉还可以。如果是要和jfinalconfig启动

比眉伴天荒/ 2023年09月26日 00:54/ 0 赞/ 9 阅读

相关 vue 框架学习（2）- 框架介绍

一、 Vue.js 是什么？官网的描述：Vue 是一套用于构建用户界面的`渐进式框架` 。与其它大型框架不同的是，Vue 被设计为可以`自底向上逐层应用`。Vue 的核

梦里梦外;/ 2022年10月28日 10:08/ 0 赞/ 191 阅读

相关 Web框架-SSM框架

目录标题三大问题 SSM简单描述是什么？ Spring MVC Spring

电玩女神/ 2022年10月25日 11:29/ 0 赞/ 245 阅读

相关 SSH框架总结-框架分析

首先，SSH不是一个框架，而是多个框架（struts+spring+hibernate）的集成，是目前较流行的一种Web应用程序开源集成框架，用于构建灵活、易于扩展的多层Web

「爱情、让人受尽委屈。」/ 2022年08月04日 08:50/ 0 赞/ 192 阅读

相关开源框架：JFinal框架

JFinal 是基于 Java 语言的极速 WEB + ORM 开发框架，其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful。在拥

傷城~/ 2022年06月06日 04:11/ 0 赞/ 290 阅读

相关 ci框架&框架设计思路

先来说一下ci的基础用法防止以后忘记，也为了更好的适用到工作中去,我这里用的版本是3.1.6 <<< 基本的控制器、model就不说了，这都是最常用最熟悉的部分，下面先来说

我会带着你远行/ 2022年06月03日 02:12/ 0 赞/ 232 阅读

相关 Yii框架之框架图解

![70][] ![70 1][] ![70 2][] ![70 3][] ![70 4][] ![70 5][] [70]: /i

不念不忘少年蓝@/ 2022年05月23日 02:34/ 0 赞/ 212 阅读

相关框架

SpringMVC SpringMVC 的工作原理 a. 用户向服务器发送请求，请求被 springMVC 前端控制器 DispatchServlet 捕获； b.

雨点打透心脏的1/2处/ 2022年01月26日 05:47/ 0 赞/ 233 阅读

相关什么是框架（包括前端框架和后端框架）

什么是框架（包括前端框架和后端框架）什么是框架框架（Framework）是整个或部分系统的可重用设计，表现为一组抽象构件及构件实例间交互的方法;另一种定义认为，框架是

- 日理万妓/ 2021年12月19日 02:15/ 0 赞/ 478 阅读

相关 Android精通之OrmLite数据库框架，Picasso框架，Okio框架，OKHttp框架

> 版权声明：未经博主允许不得转载 ![标题图][1240] OrmLite基础知识什么是OrmLite框架，在我没用这个框架时，不知道它有多好，用了才知道很方便哦

快来打我*/ 2021年09月15日 16:12/ 0 赞/ 363 阅读