zoukankan      html  css  js  c++  java
  • jQuery扩展半Lambda表达式 类似Linq的Where

    首先要载入jquery

    //半Lambda表达式的Javascript,返回List

    Array.prototype.where = function (s) { return eval("(jQuery.grep(this, function (o, i){return " + s + ";}))"); }

    除去空格仅有98个字符(这扩展够精简的了,也可以拆出来用jQuery.grep但如果页面上很多地方用到,代码就多了)

    有人说依赖jQuery不好用(现在多少系统写JS必备jquery,这个不说)

    有人说eval效率差(请你自己试试,能不能在项目中使用,反正这个where我在项目中用很多,并不见得卡

    使用方法:

    Demo 1://基础

    var arr = [3,5,7,8];

    var list1 = arr.where("o > 5") ; //得到[7,8]

    var list2 = arr.where("i  < 3"); // 得到[3,5,7]

    Demo 2:  //进阶

    var arr = [{id:1,name:"Jay"},{id:2,name:"Joy"},{id:3,name:"Bob"}];

    var list1 = arr.where("o.name == 'Joy'"); //得到 [{id:2,name:"Joy"}] ;

    var list2 = arr.where("o.name.indexOf('o')!=-1");//得到name含有'o'字母的 [{id:2,name:"Joy"},{id:3,name:"Bob"}];

    Demo 3: //高级

    var arr =[{name:"Jay",age:29,c:[{name:"A"},{name:"B"}]},{name:"Jay",age:26,c:[]},{name:"Jay",age:24,c:[{name:"C"}]}];

    var list1 = arr.where("o.age > 25 && !o.c && o.c.length > 0");

    //年龄大于25且至少有一个孩子 [{name:"Jay",age:29,children:[{name:"A"},{name:"B"}]}]

     

    提醒:得到的list是原来的对象,不是副本,通过 list1[0].name = "XX" 可以更改 arr[0]的name

    缺点:

      where被扩展到Array中,for(var i in arr) 会遍历到 where

      因此,以后想用for要做好判断 或者 采用 $(arr).each(function(i,o){        })取代(建议) ,也可以不扩展到Array,自己写全局Function

    有些什么不足或建议,希望大家提出来改进,谢谢!

  • 相关阅读:
    解锁 redis 锁的正确姿势
    PHP实现Redis单据锁,防止并发重复写入
    js笔记
    FormData使用方法详解
    jquery里用each遍历的值存到数组和字符串
    Sublime Text3 安装 CTags 插件出现乱码
    通过pd.to_sql()将DataFrame写入Mysql
    ERROR 2002 (HY000): Can't connect to local MySQL server through socket
    pandas 从txt读取DataFrame&DataFrame格式化保存到txt
    pandas 取消读取csv时默认第一行为列名
  • 原文地址:https://www.cnblogs.com/ycbt/p/2881245.html
Copyright © 2011-2022 走看看