underscore应用

gufudhn 2015-10-28

        判断一个对象数组是否包含某个对象，可以用underscore的方法判断，代码简洁易懂。如contains、indexOf、find、findWhere，需要说明的是contains和indexOf使用===检测。简单实例如下：

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="@my_coder">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>underscore</title>
</head>

<body>
	<script type="text/javascript" src="underscore.js"></script>
	<script>
		var testList = [];
		testList.push({name:'zhangshan',age:18});
		testList.push({name:'lisi',age:28});
		testList.push({name:'wangwu',age:38});
		testList.push({name:'xiaomazi',age:88});
		//var res1 = _.contains(testList, {name:'zhangshan',age:18});
		var res1 = _.indexOf(testList, {name:'zhangshan',age:18});
		console.log("res1:" + res1);  //res1:-1
		
		var t = {name:'zhangshan0',age:16};
		var res4 = _.findWhere(testList, t);
		console.log("res4:" + res4); //res4:undefined
		if(!res4) {
			testList.push(t);
		}
		console.log(testList);
		
		var testList2 = [];
		var obj1 = {name:'zhangshan',age:18};
		var obj2 = {name:'lisi',age:28};
		var obj3 = {name:'wangwu',age:38};
		var obj4 = {name:'xiaomazi',age:88};
		testList2.push(obj1);
		testList2.push(obj2);
		testList2.push(obj3);
		testList2.push(obj4);
		//var res2 = _.contains(testList2, obj1);
		var res2 = _.indexOf(testList2, obj1);
		console.log("res2:" + res2);  //res2:0
		
		var res3 = _.find(testList, function(obj){ return obj.name == 'zhangshan'; });
		console.log("res3:" + res3);  //res3:[object Object]
	</script>
</body>
</html>

Underscore.js中文文档地址：http://www.css88.com/doc/underscore/

gufudhn

gufudhn

相关推荐

funsionCharts jQuery

如果要使用返回funsionCharts 使用的json数据需添加jquery.xml2json.js. dataFormat: "xml", //返回的数据格式,xml返回xml,json返回json默认xml. chartType:

sunqianhappy / 0评论 2014-01-15

Lo-Dash 与 underscore，Prototype 与 jQuery，两段恩怨情仇

今天想增加 lodash 的检测代码，可犯了愁了。打开 lodash 的主页，直接检测为 Underscore。很快，这个 $ 被另一个框架所使用，就是我们熟知的 jQuery，同样也是操作 DOM，Ajax 处理。可见，前端大战以 jQuery 的完胜而

83570690 / 0评论 2015-12-15

underscore应用

判断一个对象数组是否包含某个对象，可以用underscore的方法判断，代码简洁易懂。如contains、indexOf、find、findWhere，需要说明的是contains和indexOf使用===检测。

Tjhfsghbjknjdy / 0评论 2015-10-28

窥探Underscore源码系列-开篇

开篇说明对的，让你所见，又开始造轮子了。哈哈，造轮子我们是认真的~源码阅读是必须的，Underscore是因为刚刚学习整理了一波函数式编程，加上自己曾经没有太多阅读源码的经验，先拿Underscore练练手，跟着前辈们走一走，学一学。也相同时能够夯实js基

zagnix / 0评论 2019-06-27

underscore源码分析之基础方法

underscore源码分析之基础方法本文是underscore源码剖析系列的第二篇，主要介绍underscore中一些基础方法的实现。mixin在上篇文章underscore整体架构分析中，我们讲过_上面的方法有两种挂载方式，一个是挂载到_构造函数上以_

Cricket / 0评论 2019-06-26

underscore源码剖析之整体架构

underscore源码分析之整体架构最近打算好好看看underscore源码，一个是因为自己确实水平不够，另一个是underscore源码比较简单，比较易读。本系列打算对underscore1.8.3中关键函数源码进行分析，希望做到最详细的源码分析。今天

thisisid / 0评论 2019-06-26

underscore的使用

Underscore 是一个JavaScript实用库,提供了类似Prototype.js 的一些功能,但是没有继承任何JavaScript内置对象。它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。.value();对

卧斋 / 0评论 2014-05-18

funsionCharts jQuery

如果要使用返回funsionCharts 使用的json数据需添加jquery.xml2json.js. dataFormat: "xml", //返回的数据格式,xml返回xml,json返回json默认xml. chartType:

honeyth / 0评论 2014-01-15

underscore源码分析(1)

// 3 2 [1, 2, 3]我们先简单的实现链式调用的功能实现 _.each 是很简单的 ，直接_.each函数就搞定了。关键的_().each实现思路也很简单，我们可以这么理解当我们返回了new _,如果想调用each方法时，只要把each绑定到p

thisisid / 0评论 2019-06-26

underscore源码解读之debounce

刚写完一篇debounce(防抖)函数的实现，我又看了下underscore.js的实现方法。算是趁热打铁，分析一下underscore里实现的套路。}上一篇文章已经分析过this的指向和event的传递，这里就不多说了。直接来分析返回的匿名函数部分。};

wxuande / 0评论 2019-06-25

underscore源码学习（二）

顺着underscore源码的顺序读下来，弄懂了之前underscore的基本结构，接下来看看underscore为我们提供的一些关于集合的API。迭代关于迭代，我们都知道ES5原生方法也提供了迭代函数供我们使用，而在underscore中的迭代则是对原生

thomas0yang / 0评论 2019-06-25

underscore源码学习（一）

前言最近在社区浏览文章的时候，看到了一位大四学长在寻求前端工作中的面经，看完不得不佩服，掌握知识点真是全面，无论是前端后台还是其他，都有涉猎。它是这个问题的答案：“如果我在一个空白的HTML页面前坐下， 并希望立即开始工作， 我需要什么？“...它弥补了部

大黑 / 0评论 2019-06-21

Backbone及Underscore源码解析

最近一直在关注Backbone，工作之余将Backbone和Underscore库的源码逐行解析了一遍，并加入了完整的备注，我觉得已经足够详细，阅读它们可以帮助你快速了解Underscore和Backbone的内部实现。解析及备注后的源码，请从本文的附件中

我与大象的故事 / 0评论 2013-04-17

Backbone入门指南（二）：依赖库Underscore

Underscore封装了常用的JavaScript对象操作方法，用于提高开发效率。它本身与我们介绍的主题“Backbone”没有半毛钱的关系，因此你可以完全不理会“Backbone”的概念来学习它，或将它单独运用到任何一个页面。（另外，Underscor

VitaLemon / 0评论 2012-12-15

Underscore in host name or domain name not allowed

Last week when I was deploying the system in customer's company I encountered a very strange problem: the objects stored in sess

liuttorrie / 0评论 2009-05-03

探究underscore源码（二）

underscore的初始化时怎么做的？你是不是跟我一样都以为underscore的初始化就是在_这个对象上面加上一堆属性？// Add some isType methods: isArguments, isFunction, isString, isN

thomas0yang / 0评论 2019-06-21

【underscore 源码解读】Array Functions 相关源码拾遗 & 小结

Why underscore最近开始看 underscore.js 源码，并将 underscore.js 源码解读 放在了我的 2016 计划中。阅读一些著名框架类库的源码，就好像和一个个大师对话，你会学到很多。最主要的原因是 underscore 简短

thomas0yang / 0评论 2019-06-20

JavaScript之underscore_动力节点Java学院整理

JavaScript是函数式编程语言，支持高阶函数和闭包。函数式编程非常强大，可以写出非常简洁的代码。例如Array的map()和filter()方法：。var a3 = a2.filter; // [2, 4]现在问题来了，Array有map()和fil

JING / 0评论 2017-07-03

Underscore源码分析

几年前就有人说javascript是最被低估一种编程语言，自从nodejs出来后，全端概念日渐兴起，现在恐怕没人再敢低估它了。javascrip是一种类C的语言，有C语言基础就能大体理解javascript的代码，但是作为一种脚本语言，javascript

Cricket / 0评论 2015-12-30

深入解析Backbone.js框架的依赖库Underscore.js的作用

backbone必须依赖underscore.js才能够使用，它必须通过underscore中的函数来完成访问页面元素、处理元素的基本操作。Underscore并没有对原生对象进行扩展，而是调用_()方法进行封装，一旦封装完成，js对象就变为Undersc

sevenluck / 0评论 2016-05-07

跟着underscore学防抖

window 的 resize、scrollmousedown、mousemovekeyup、keydown……width: 100%; height: 200px; line-height: 200px; text-align: center; colo

稀土 / 0评论 2018-05-21

underscore源码解析（一）

留存root// Establish the root object, `window` in the browser, `global`. // on the server, or `this` in some virtual machines. We

粗鄙之语 / 0评论 2017-12-17

underscore 系列之内部函数 cb 和 optimizeCb

前言仅看 cb 和 optimizeCb 两个函数的名字，你可能想不到这是用来做什么的，尽管你可能想到 cb 是 callback 的缩写。如果直接讲解源码，你可能想不明白为什么要这么写，所以我们从 _.map 函数开始讲起。我们看下 _.map 的源码：

稀土 / 0评论 2017-11-29

javascript函数式编程系列 ② 优雅的使用underscore进行函数编程

一等公民函数是一等公民：所谓一等公民①顾名思义身份高，JS任何只要是值能到达的地方，函数都可以去。var array = ['123',function(){return '456'}]//做数组成员。var concatStr = '123'+funct

前端外刊评论 / 0评论 2017-10-20

underscore 源码阅读系列 -- for...in 循环的兼容性问题

本系列通过阅读 underscore 源码与实战进而体验函数式编程的思想, 而非通过冗长的文字教程, 细读精度约 1500 行的 underscore 有利于写出耦合度低, 符合函数式编程思想的代码, 并且可以学到 call 与 apply 执行效率的不同

前端外刊评论 / 0评论 2017-10-15