每周优秀代码赏析系列【一】----LINQ In Javascript

一.LINQ简介

LINQ,语言集成查询(Language INtegrated Query)是一组用于c#和Visual Basic语言的扩展。它允许编写C#或者Visual Basic代码以查询数据库相同的方式操作内存数据。

LINQ的出现是基于泛型、扩展方法、Lambda表达式之上,或者说LINQ==Lambda表达式+扩展方法。

 

 

二.LINQ的好处

1、无需复杂学习过程即可上手

2、编写更少代码即可创建完整应用。

3、更快开发错误更少的应用程序。

4、无需求助奇怪的编程技巧就可操作数据源。

5、让新开发者开发效率更高。

 

 

三.Javascript也可以LINQ一把

没有JSLINQ的日子是痛苦的,没有JSLINQ让我恨不得用XNA去写游戏。

在我用javascript编写一些游戏的时候,总是离不开Array。什么对象、point,都塞到在Array当中。

比如我写火拼俄罗斯方块的时候,判断一行是否堆满,然后进行消除。我是这样写:

function clearUp() {

    for (var line = 0; line < 21; line++) {

        var count = 0;

        for (var i = 0; i < bottomElement.length; i++) {

            if (bottomElement[i].y == line) {

                count++;

            }

        }

        if (count == 12) clearByLineNum(line);

    }

}

 

写出这么糟糕的代码,是有历史原因的。好吧,我总是为自己找借口。虽然写出这么糟糕的代码,但是我会惦记着它,因为我知道它一定可以优化,可以更简洁。因为有了linq to javascript:

        var JSLINQ =  function (dataItems) {

            if (!(this instanceof JSLINQ)) {

                return new JSLINQ(dataItems);

            }

            this.items = dataItems;

        };

        JSLINQ.prototype = {

            ToArray: function () {

                return this.items;

            },

            Where: function (clause) {

                var newArray = [];

                for (var index = 0, length = this.items.length; index < length; index++) {

                    if (clause(this.items[index], index)) {

                        newArray[newArray.length] = this.items[index];

                    }

                }

                return new JSLINQ(newArray);

            }

        };

我就这么无情的,把JSLINQ的心脏部分挖了出来。我们可以这样使用它:

        var arrayV1 = [];

        arrayV1.push(1);

        arrayV1.push(2);

        arrayV1.push(3);

        var result1 = JSLINQ(arrayV1).Where(function (item) { return item == 1; });     

 

即找出item为1。当然array当中也可以存对象,然后通过jslinq查询:

        Vector3 = function (x, y, z) {

            this.x = x || 0;

            this.y = y || 0;

            this.z = z || 0;

        };

 

        var arrayV3 = [];

        arrayV3.push(new Vector3(1, 1, 1));

        arrayV3.push(new Vector3(2, 2, 2));

        arrayV3.push(new Vector3(3, 3, 3));

        var result2 = JSLINQ(arrayV3).Where(function (item) { return item.x == 1; });

 

即找出Vector3.x为1的。

当然array当中的对象也可以存对象,然后通过jslinq查询:

 

        var People = [

    { ID: 1, FirstName: "Chris", LastName: "Pearson", BookIDs: [1001, 1002, 1003] },

    { ID: 2, FirstName: "Kate", LastName: "Johnson", BookIDs: [2001, 2002, 2003] },

    { ID: 3, FirstName: "Josh", LastName: "Sutherland", BookIDs: [3001, 3002, 3003] },

    { ID: 4, FirstName: "John", LastName: "Ronald", BookIDs: [4001, 4002, 4003] },

    { ID: 5, FirstName: "Steve", LastName: "Pinkerton", BookIDs: [1001, 1002, 1003] },

    { ID: 6, FirstName: "Katie", LastName: "Zimmerman", BookIDs: [2001, 2002, 2003] },

    { ID: 7, FirstName: "Dirk", LastName: "Anderson", BookIDs: [3001, 3002, 3003] },

    { ID: 8, FirstName: "Chris", LastName: "Stevenson", BookIDs: [4001, 4002, 4003] },

    { ID: 9, FirstName: "Bernard", LastName: "Sutherland", BookIDs: [1001, 2002, 3003] },

    { ID: 10, FirstName: "Kate", LastName: "Pinkerton", BookIDs: [4001, 3002, 2003] }

];



        var result3 = JSLINQ(People).

            Where(function (item) { return item.ID > 7; });

 

即找出ID大于7的所有people.

能写这样的查询,真让人心旷神怡,饭增三碗。

 

 

四.思考题

如果我想这么查,该怎么办?

 var result4 = JSLINQ(People).

            Where(function (item) { return item.BookIDs.Contain(1001); });

你可能感兴趣的:(JavaScript)