`
pollyanna
  • 浏览: 8069 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论
  • pollyanna: css中clear的作用:clear 属性定义了元素的哪边上不 ...
    CSS学习

party_bid第三张卡片做完后的修改(三,underscore的学习和使用)

 
阅读更多

    在Underscore的网站上,对Underscore的解释是:一个JavaScript实用库,提供了一整套函数式变成有用的实用功能,但是没有扩展任何JavaScript内置对象。
   

     我自己在使用中,对它的理解是,一个用来替代for循环的简单语句。在写代码的过程中,反复的利用for循环进行迭代,导致代码的可读性并不高,写起来也很繁杂,这个时候,我们可以使用Underscore来代替for循环,减少代码量,增加代码的可读性。
    在使用Underscore之前,首先要安装Underscore.js,并把他引到package.json中,可以在当前工程的目录下,用以下命令实现:

$ npm install underscore --save

 

在完成party_bid的前三张卡片中,我使用到了以下几个Underscore的函数:

1. _.findWhere(list, properties)
    这个函数是用来找list中,第一个符合properties条件的元素。
    比如说:

j = _.findWhere(activity_list,{activity_id: 10});

   为了增加代码的可读性,我们一般把list放在前面写出来,写成如下的形式:

j = _(activity_list).findWhere({activity_id: 10});

   这句代码的意思是,寻找activity_list中activity_id为10的那一个元素。findWhere这个函数,找到第一个符合条件的元素就停止寻找,如果我们需要找到所有activity_id为10的元素,就需要下面的函数。

 

2. _.where(list,properties)
    这个函数表示,遍历list中所有的元素,找出所有符合propreties的元素,以数组的形式返回值。
    我们如果要找出所有activity_id为10的元素,就可以用以下代码实现:

j = _(activity_list).where({activity_id: 10});

 

3._.indexOf(array, value) 

    这个函数是,遍历array,寻找值为value的元素所对应的索引值。
    比如说:

j = _.indexOf([1,2,3], 2);

    那么计算出来,j=1。

    在使用Underscore的函数时,可以更灵活的用_.findWhere(activity_list,{activity_id: 10}).name,来得到activity_id为10的第一个活动的name属性。以上只是我对Underscore函数简单使用的一些理解,它的其他使用方法还需要在以后的学习过程中不断积累。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics