來個linq to js

說這個話題之前，我們來講一下C#的linq  語法。在C#里面我們會對列表進行操作，如OrderBy(p=>p.property),Where(p=>p.property==..)

括號里面的就是所謂的lamda表達式。下面我們就來實現對js里面對象數組的類似操作。

先說一下思想：

在代碼中先用一個占位符替代，最后動態的替代占位符express，然后將替代占位符后的函數的字符竄代碼用eval()執行一下，成為一個有效的函數。

代碼如下：

     var query = function (exp, isAsc) {
            var isArray = function (queryArr) {
                return Object.prototype.toString.call(queryArr) == "[object Array]";
            };
            var whereTemplete = function (queryArr) {
                var arr = [];
                if (isArray(queryArr)) {
                    for (var i = 0; i < queryArr.length; i++) {
                        var e = queryArr[i];
                        if (express) {
                            arr.push(e);
                        }
                    }
                }
                return arr;
            };
            var orderTemplete = {
                orderAscTemplete: function (queryArr) {
                    var temp = {};
                    var arr = queryArr;
                    if (isArray(arr)) {
                        for (var i = 0; i < arr.length; i++) {
                            for (var k = 0; k < arr.length; k++) {
                                if (arr[i]['express'] < arr[k]['express']) {
                                    temp = arr[i]
                                    arr[i] = arr[k];
                                    arr[k] = temp;
                                }
                            }
                        }
                    }
                    return arr;
                },
                orderDescTemplete: function (queryArr) {
                    var temp = {};
                    var arr = queryArr;
                    if (isArray(arr)) {
                        for (var i = 0; i < arr.length; i++) {
                            for (var k = 0; k < arr.length; k++) {
                                if (arr[i]['express'] > arr[k]['express']) {
                                    temp = arr[i]
                                    arr[i] = arr[k];
                                    arr[k] = temp;
                                }
                            }
                        }
                    }
                    return arr;
                }
            };
            var hasOper = exp.indexOf('>' | '=' | '<');
            var str = hasOper >= 0
                ? whereTemplete.toString().replace('express', exp)
                : (
                isAsc
                ? orderTemplete.orderAscTemplete.toString().replace(/express/g, exp.replace('e.', ''))
                : orderTemplete.orderDescTemplete.toString().replace(/express/g, exp.replace('e.', ''))
                );
         
            return eval('0,' + str);
        }
        Array.prototype.Query = function () {
            var self = this;
            return arguments.length == 1
               ? (new query(arguments[0])(self))
                : (new query(arguments[0], arguments[1])(self));
        }

代碼不難，大家是可以看懂的，慢慢體會一下,沒什么要講解的地方。

唯一的就是大家要對原型要有一定的了解。

 

然后說一下調用的具體方法：

     var arr = [{ name: 'aaa', grade: 90 }, { name: 'ccc', grade: 70 }, { name: 'bbb', grade: 80 }];
        //var filterArr = arr.Query("e.grade", false);  實現排序
        var filterArr = arr.Query('e.grade>80');//實現過濾

        for (var i = 0; i < filterArr.length; i++) {
            document.writeln(filterArr[i].name);
        }