>  기사  >  웹 프론트엔드  >  Json query_javascript 기술을 구현하는 JS 메소드 예제

Json query_javascript 기술을 구현하는 JS 메소드 예제

WBOY
WBOY원래의
2016-05-16 17:37:161020검색

실제로는 매우 간단합니다. 제 코드의 첫 번째 부분은 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];

시도 {
if (!fn) {
var code = _interpret(exp);
code = _templ.replace("$C ", code);
                                                      ] = _complite(코드 ); }
}

var doTest = 함수 () {

var heos = [
// 이름 ============ 공격력 ========== 전력 ======= 지능 ==== < > {name: '얼음방 마녀', DP: 38, AP: 1.3, STR: 16, DEX: 16, int: 21},

{name: '침묵의 흑마법사', DP: 39, AP: 1.1, Str: 17, Dex: 16, Int: 21 },

                                                                                                                : 18 },

{ 이름: '현상금 사냥꾼', DP: 39, AP: 4.0, Str: 17, Dex: 21, Int: 16 },

: 45, AP: 3.1, Str: 18, Dex: 22, Int: 15 },
                                               > ~ ~
var match = Heroes.Query('@Str>20 AND @Dex>20');
ShowResult(match[0]);

// 쿼리: "士로 끝나는                                                                                                              >
function ShowResult(result) {
} Alert(result.name " " result.DP " " result.AP " " result.Str " " result.Dex " " result.Int);
}

코드입니다. 누구나 제안을 하거나 새로운 아이디어를 생각해내는 것을 환영합니다. 함께 확장해 보세요

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.