亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JS 實(shí)現(xiàn)Json查詢的方法實(shí)例

 更新時(shí)間:2013年04月12日 17:39:46   作者:  
曾經(jīng)看過(guò)一個(gè)大牛寫(xiě)的實(shí)現(xiàn)Json的一個(gè)模板類(lèi),今天突然沒(méi)事就來(lái)自己試著寫(xiě)寫(xiě)。還好,一些東西還記得,思路還算清晰。直接上代碼了

     其實(shí)很簡(jiǎn)單,我這部分代碼,前一部分是簡(jiǎn)單的實(shí)現(xiàn)如何使用JS寫(xiě)模板,第二個(gè)就是具體的實(shí)現(xiàn)了JSON查詢的一個(gè)擴(kuò)展。

     以后查詢Json就有了利器了。

復(fù)制代碼 代碼如下:

/*
         * 定義模板函數(shù)
        */
        var template = function (queryArr) {

            var count = 0;

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

                var e = queryArr[i];

                if ($express) {
                    count++;
                }
            }

            return count;
        }

        /*
         * 模板創(chuàng)建函數(shù)
        */
        var createIntance = function (exp) {
            var fun = template.toString().replace("$express", exp).toString();
            return eval("0," + fun);
        }

        var testTodo = function () {

            var testArr = [
                { name: "張三", age: 20 },
                { name: "李四", age: 25 },
                { name: "王二麻子", age: 28 },
                { name: "小張", age: 30 }
            ];

            var func = createIntance("e.age>=25");

            alert(func(testArr));
        }

        /****************** JS 實(shí)現(xiàn) JSON查詢 **********************/

        // 定義常用的函數(shù)
        var len = function (s) { return s.length; }
        var left = function (s, n) { return s.substr(0, n); }
        var right = function (s, n) { return s.substr(-n); }
        var index = function (s, find) { return s.indexOf(find) + 1; }

        // 擴(kuò)展原型方法
        var _proto = Object.prototype;

        // 緩存,解決快速查找
        var _cache = {};

        // 擴(kuò)展運(yùn)算符
        var _alias = [
            /@/g, "_e.",
            /AND/gi, "&&",
            /OR/gi, "||",
            /<>/g, "!=",
            /NOT/gi, "!",
            /([^=<>])=([^=]|$)/g, '$1==$2'
        ];

        var _rQuote = /""/g;
        var _rQuoteTemp = /!~/g;

        // 編譯
        var _complite = function (code) {
            return eval("0," + code);
        }

        // 將擴(kuò)展符號(hào)轉(zhuǎn)換成標(biāo)準(zhǔn)的JS符號(hào)
        var _interpret = function (exp) {
            exp = exp.replace(_rQuote,"!~");
            var arr = exp.split('"');
            var i, n = arr.length;
            var k = _alias.length;

            for (var i = 0; i < n; i += 2) {
                var s = arr[i];
                for (var j = 0; j < k; j += 2) {
                    if (index(s, _alias[j]) > -1) {
                        s = s.replace(_alias[j], _alias[j + 1]);
                    }
                }
                arr[i] = s;
            }

            for (var i = 1; i < n; i += 2) {
                arr[i] = arr[i].replace(_rQuoteTemp, '\\"');
            }
            return arr.join('"');
        }

        // 定義模函數(shù)
        var _templ = function (_list) {
            var _ret = [];
            var _i = -1;

            for (var _k in _list) {
                var _e = _list[_k];
                if (_e != _proto[_k]) {
                    if ($C) {
                        _ret[++_i] = _e;
                    }
                }
            }
            return _ret;
        } .toString();

        // 擴(kuò)展查詢的方法
        _proto.Query = function (exp) {
            if (!exp) {
                return [];
            }

            var fn = _cache[exp];

            try {
                if (!fn) {
                    var code = _interpret(exp);
                    code = _templ.replace("$C", code);
                    fn = _cache[exp] = _complite(code);
                }
                return fn(this);
            } catch (e) {
                return [];
            }
        }

        var doTest = function () {

            var heros = [
            // 名============攻=====防=======力量====敏捷=====智力====
                {name: '冰室女巫', DP: 38, AP: 1.3, Str: 16, Dex: 16, Int: 21 },
                { name: '沉默術(shù)士', DP: 39, AP: 1.1, Str: 17, Dex: 16, Int: 21 },
                { name: '娜迦海妖', DP: 51, AP: 6.0, Str: 21, Dex: 21, Int: 18 },
                { name: '賞金獵人', DP: 39, AP: 4.0, Str: 17, Dex: 21, Int: 16 },
                { name: '劇毒術(shù)士', DP: 45, AP: 3.1, Str: 18, Dex: 22, Int: 15 },
                { name: '光之守衛(wèi)', DP: 38, AP: 1.1, Str: 16, Dex: 15, Int: 22 },
                { name: '煉金術(shù)士', DP: 49, AP: 0.6, Str: 25, Dex: 11, Int: 25 }
            //...
            ];

            var match = heros.Query('@Str>20 AND @Dex>20');
            ShowResult(match[0]);

            // 查詢:“士”結(jié)尾的
            // 結(jié)果:沉默術(shù)士,劇毒術(shù)士,煉金術(shù)士
            var match = heros.Query('right(@name,1)="士"');
            ShowResult(match[0]);
        }

        function ShowResult(result) {
            alert(result.name + " " + result.DP + " " + result.AP + " " + result.Str + " " + result.Dex + " " + result.Int);
        }


     代碼就是這樣了。歡迎大家拍磚,或者可以提出新的想法。我們一起來(lái)擴(kuò)展

相關(guān)文章

  • Bootstrap表單制作代碼

    Bootstrap表單制作代碼

    這篇文章主要為大家詳細(xì)介紹了BootStrap表單的制作代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • 微信小程序入門(mén)之繪制時(shí)鐘

    微信小程序入門(mén)之繪制時(shí)鐘

    這篇文章主要為大家詳細(xì)介紹了微信小程序入門(mén)之繪制時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-10-10
  • js中利用cookie實(shí)現(xiàn)記住密碼功能

    js中利用cookie實(shí)現(xiàn)記住密碼功能

    這篇文章主要為大家詳細(xì)介紹了js中利用cookie實(shí)現(xiàn)記住密碼功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • JS中數(shù)組重排序方法

    JS中數(shù)組重排序方法

    在數(shù)組中有兩個(gè)可以用來(lái)直接排序的方法,分別是reverse()和sort()。下面通過(guò)本文給大家詳細(xì)介紹,對(duì)js 數(shù)組重排序相關(guān)知識(shí)感興趣的朋友一起看看吧
    2016-11-11
  • javascript cookie的基本操作(添加和刪除)

    javascript cookie的基本操作(添加和刪除)

    這篇文章主要介紹了javascript cookie的基本操作的相關(guān)資料,這里對(duì)Cookie的操作進(jìn)行了詳細(xì)介紹包括獲取,新建,設(shè)置有效期,添加和刪除等,需要的朋友可以參考下
    2017-07-07
  • JavaScript獲取數(shù)組最后一個(gè)元素的3種方法以及性能

    JavaScript獲取數(shù)組最后一個(gè)元素的3種方法以及性能

    在開(kāi)發(fā)過(guò)程中,我們常常需要得到j(luò)s數(shù)組的最后一個(gè)數(shù)組元素,下面這篇文章主要給大家介紹了關(guān)于JavaScript獲取數(shù)組最后一個(gè)元素的3種方法以及性能,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-06-06
  • FireFox JavaScript全局Event對(duì)象

    FireFox JavaScript全局Event對(duì)象

    在IE下 JavaScript 中可以在任何地方使用全局的window.event來(lái)取得本次JavaScript被觸發(fā)的Event,從而取得 KeyCode,EventSourceElement 等對(duì)象。
    2009-06-06
  • JavaScript實(shí)現(xiàn)日期格式化詳細(xì)實(shí)例

    JavaScript實(shí)現(xiàn)日期格式化詳細(xì)實(shí)例

    這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)日期格式化的相關(guān)資料,JavaScript中的日期對(duì)象提供了許多方法和屬性,可以通過(guò)它們來(lái)進(jìn)行日期的格式化,需要的朋友可以參考下
    2023-09-09
  • js在輸入框屏蔽按鍵,只能鍵入數(shù)字的示例代碼

    js在輸入框屏蔽按鍵,只能鍵入數(shù)字的示例代碼

    本篇文章主要介紹了js在輸入框屏蔽按鍵,只能鍵入數(shù)字的示例代碼。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2014-01-01
  • 瀏覽器環(huán)境下JavaScript腳本加載與執(zhí)行探析之defer與async特性

    瀏覽器環(huán)境下JavaScript腳本加載與執(zhí)行探析之defer與async特性

    defer和async特性相信是很多JavaScript開(kāi)發(fā)者"熟悉而又不熟悉"的兩個(gè)特性,從字面上來(lái)看,二者的功能很好理解,分別是"延遲腳本"和"異步腳本"的作用
    2016-01-01

最新評(píng)論