underscore.js学习

最新推荐文章于 2024-09-03 08:22:51 发布

三丶胖子

最新推荐文章于 2024-09-03 08:22:51 发布

阅读量1.7k

点赞数

分类专栏： web前端文章标签： Javascript

本文链接：https://blog.youkuaiyun.com/xuhf_1988/article/details/13090337

版权

web前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用Underscore.js简化JavaScript开发中的常见任务，包括集合操作和工具性代码的编写。通过具体示例展示了_.where方法的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在项目中的javascript代码编写中，我们总是会遇见诸如循环，计算等等问题。

有的时候我们可能还需要一些工具性的代码，来帮助我们完成某一类的问题。

underscore.js就帮我们很好解决了上面的问题，并且它的源代码看起来也不是很难。

官网地址：underscore

underscore的语法和jquery类似，使用_;

在underscore.js中，它提供了对Collections，Array，Object等的一些简单操作，并且它也提供了一些工具，来简化我们的代码。

再对Collections的操作中，提供了each，map，reduce，find，filter，contains等操作。

再对Arrays的操作中，提供了without，union等操作。

在练习中，由于_.where方法的例子不是很完全，所以我就自己写了个例子。

var list = [{author:"Shakespeare",title:"china"},
	{author:"Shakespeare",year:1611,title:"china"},
	{name:"zhongguo"}
	   ];
var newArr = _.where(list, {author: "Shakespeare", year: 1611});
console.log(newArr);

这样的话这个_.where的作用就很明显了，

where的作用就是返回一个包含参数中所有key-value的值的数组

Looks through each value in the list, returning an array of all the values that contain all of the key-value pairs listed in properties.