JS 实现Json查询的方法实例

 更新时间:2013年04月12日 17:39:46   作者:  
曾经看过一个大牛写的实现Json的一个模板类,今天突然没事就来自己试着写写。还好,一些东西还记得,思路还算清晰。直接上代码了

     其实很简单,我这部分代码,前一部分是简单的实现如何使用JS写模板,第二个就是具体的实现了JSON查询的一个扩展。

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

复制代码 代码如下:

/*
         * 定义模板函数
        */
        var template = function (queryArr) {

            var count = 0;

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

                var e = queryArr[i];

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

            return count;
        }

        /*
         * 模板创建函数
        */
        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 实现 JSON查询 **********************/

        // 定义常用的函数
        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; }

        // 扩展原型方法
        var _proto = Object.prototype;

        // 缓存,解决快速查找
        var _cache = {};

        // 扩展运算符
        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);
        }

        // 将扩展符号转换成标准的JS符号
        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('"');
        }

        // 定义模函数
        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();

        // 扩展查询的方法
        _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: '沉默术士', 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: '剧毒术士', DP: 45, AP: 3.1, Str: 18, Dex: 22, Int: 15 },
                { name: '光之守卫', DP: 38, AP: 1.1, Str: 16, Dex: 15, Int: 22 },
                { name: '炼金术士', DP: 49, AP: 0.6, Str: 25, Dex: 11, Int: 25 }
            //...
            ];

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

            // 查询:“士”结尾的
            // 结果:沉默术士,剧毒术士,炼金术士
            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);
        }


     代码就是这样了。欢迎大家拍砖,或者可以提出新的想法。我们一起来扩展

相关文章

  • js为什么不能正确处理小数运算?

    js为什么不能正确处理小数运算?

    这篇文章主要介绍了js不能正确处理小数运算的原因,为大家解除js为什么不能正确处理小数运算的疑虑,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • 用Javascript实现锚点(Anchor)间平滑跳转

    用Javascript实现锚点(Anchor)间平滑跳转

    本文介绍的方法,实现了锚点(Anchor)间平滑跳转,效果非常不错。
    2009-09-09
  • js给图片打马赛克的方法示例

    js给图片打马赛克的方法示例

    有时候你发出去的图片局部不想别别人看见,那么最简单的办法就是在你想要处理的地方打上马赛克,这篇文章主要介绍了js给图片打马赛克的方法示例,感兴趣的可以了解一下
    2021-05-05
  • 了解在JavaScript中将值转换为字符串的5种方法

    了解在JavaScript中将值转换为字符串的5种方法

    这篇文章主要介绍了在JavaScript中将值转换为字符串的5种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,下面小编就和大家一起来学习下吧
    2019-06-06
  • javacript replace 正则取字符串中的值并替换【推荐】

    javacript replace 正则取字符串中的值并替换【推荐】

    replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。这篇文章主要介绍了javacript replace 正则取字符串中的值并替换,需要的朋友可以参考下
    2018-09-09
  • JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法

    JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法

    这篇文章主要介绍了JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法,涉及javascript页面元素与事件相关操作技巧,需要的朋友可以参考下
    2017-04-04
  • JavaScript实现的字符串replaceAll函数代码分享

    JavaScript实现的字符串replaceAll函数代码分享

    这篇文章主要介绍了JavaScript实现的字符串replaceAll函数代码分享,本文直接给出实现代码,需要的朋友可以参考下
    2015-04-04
  • JavaScript获取浏览器窗口尺寸的几种方法

    JavaScript获取浏览器窗口尺寸的几种方法

    JavaScript是一种广泛使用的脚本语言,用于开发网页和应用程序,在Web开发中,经常需要获取浏览器窗口的尺寸,以便根据窗口大小进行布局或执行其他操作,本文将介绍如何使用JavaScript来获取浏览器窗口尺寸,需要的朋友可以参考下
    2023-11-11
  • JavaScript era库的使用详解

    JavaScript era库的使用详解

    这篇本文主要给大家介绍了JavaScript era库的使用,使用 ora 这个 JavaScript 库可以在命令行应用程序中提供漂亮的加载状态提示,本文详细介绍如何使用该库,并结合多个例子演示其功能,需要的朋友可以参考下
    2024-02-02
  • JS面向对象实现飞机大战

    JS面向对象实现飞机大战

    这篇文章主要为大家详细介绍了JS面向对象实现飞机大战,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08

最新评论