JS 实现Json查询的方法实例


Posted in Javascript onApril 12, 2013

     其实很简单,我这部分代码,前一部分是简单的实现如何使用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);
        }

     代码就是这样了。欢迎大家拍砖,或者可以提出新的想法。我们一起来扩展
Javascript 相关文章推荐
lib.utf.js
Aug 21 Javascript
js正则表达式的使用详解
Jul 09 Javascript
Javascript实现多彩雪花从天降散落效果的方法
Feb 02 Javascript
bootstrap-treeview自定义双击事件实现方法
Jan 09 Javascript
JS实现根据用户输入分钟进行倒计时功能
Nov 14 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 Javascript
自定义vue组件发布到npm的方法
May 09 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 Javascript
利用es6 new.target来对模拟抽象类的方法
May 10 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
May 15 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
May 12 Javascript
JavaScript声明变量和数据类型的转换
Apr 12 Javascript
js弹出层(jQuery插件形式附带reLoad功能)
Apr 12 #Javascript
location对象的属性和方法应用(解析URL)
Apr 12 #Javascript
图片轮换效果实现代码(点击按钮停止执行)
Apr 12 #Javascript
Javascript的时间戳和php的时间戳转换注意事项
Apr 12 #Javascript
有关javascript的性能优化 (repaint和reflow)
Apr 12 #Javascript
引用外部js乱码问题分析及解决方案
Apr 12 #Javascript
关于query Javascript CSS Selector engine
Apr 12 #Javascript
You might like
使用php伪造referer的方法 利用referer防止图片盗链
2014/01/20 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
PHP实现的自定义数组排序函数与排序类示例
2016/11/18 PHP
php使用redis的有序集合zset实现延迟队列应用示例
2020/02/20 PHP
jquery1.4后 jqDrag 拖动 不可用
2010/02/06 Javascript
jquery 插件学习(四)
2012/08/06 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
做好七件事帮你提升jQuery的性能
2014/02/06 Javascript
深入分析JQuery和JavaScript的异同
2014/10/23 Javascript
javascript版2048小游戏
2015/03/18 Javascript
jQuery实现固定在网页顶部的菜单效果代码
2015/09/02 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
javascript实现标签切换代码示例
2016/05/22 Javascript
基于Node.js的WebSocket通信实现
2017/03/11 Javascript
Node.js  事件循环详解及实例
2017/08/06 Javascript
浅谈Node 调试工具入门教程
2018/03/20 Javascript
解决vue 项目引入字体图标报错、不显示等问题
2018/09/01 Javascript
JavaScript实现简单计算器功能
2019/12/19 Javascript
python实现逆波兰计算表达式实例详解
2015/05/06 Python
Python随机数random模块使用指南
2016/09/09 Python
Python通过matplotlib绘制动画简单实例
2017/12/13 Python
代码详解django中数据库设置
2019/01/28 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
查看已安装tensorflow版本的方法示例
2020/04/19 Python
Python 中的函数装饰器和闭包详解
2021/02/06 Python
Microsoft Advertising美国:微软搜索广告
2019/05/01 全球购物
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
通信工程毕业生求职信
2013/11/16 职场文书
少年闰土教学反思
2014/02/22 职场文书
国家励志奖学金个人先进事迹材料
2014/05/04 职场文书
动画设计系毕业生求职信
2014/07/15 职场文书
2014年教师节座谈会发言稿
2014/09/10 职场文书
法人代表证明书
2014/09/18 职场文书
医院财务人员岗位职责
2015/04/14 职场文书
Python实现批量将文件复制到新的目录中再修改名称
2022/04/12 Python