JS 實(shí)現(xiàn)Json查詢的方法實(shí)例
其實(shí)很簡(jiǎn)單,我這部分代碼,前一部分是簡(jiǎn)單的實(shí)現(xiàn)如何使用JS寫模板,第二個(gè)就是具體的實(shí)現(xiàn)了JSON查詢的一個(gè)擴(kuò)展。
以后查詢Json就有了利器了。
/*
* 定義模板函數(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ò)展
- JavaScript實(shí)現(xiàn)JSON合并操作示例【遞歸深度合并】
- 查詢json的數(shù)據(jù)結(jié)構(gòu)的8種方式簡(jiǎn)介
- Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象,Map()方法詳解以及數(shù)組中查詢某值是否存在
- js遍歷json的key和value的實(shí)例
- JS簡(jiǎn)單循環(huán)遍歷json數(shù)組的方法
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- JS動(dòng)態(tài)遍歷json中所有鍵值對(duì)的方法(不知道屬性名的情況)
- JS循環(huán)遍歷JSON數(shù)據(jù)的方法
- js遍歷json對(duì)象所有key及根據(jù)動(dòng)態(tài)key獲取值的方法(必看)
- JS遍歷Json字符串中鍵值對(duì)先轉(zhuǎn)成JSON對(duì)象再遍歷
- 直接在JS里創(chuàng)建JSON數(shù)據(jù)然后遍歷使用
- js 遞歸json樹(shù)實(shí)現(xiàn)根據(jù)子id查父id的方法分析
相關(guān)文章
用Javascript實(shí)現(xiàn)錨點(diǎn)(Anchor)間平滑跳轉(zhuǎn)
本文介紹的方法,實(shí)現(xiàn)了錨點(diǎn)(Anchor)間平滑跳轉(zhuǎn),效果非常不錯(cuò)。2009-09-09
了解在JavaScript中將值轉(zhuǎn)換為字符串的5種方法
這篇文章主要介紹了在JavaScript中將值轉(zhuǎn)換為字符串的5種方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,下面小編就和大家一起來(lái)學(xué)習(xí)下吧2019-06-06
javacript replace 正則取字符串中的值并替換【推薦】
replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個(gè)與正則表達(dá)式匹配的子串。這篇文章主要介紹了javacript replace 正則取字符串中的值并替換,需要的朋友可以參考下2018-09-09
JS實(shí)現(xiàn)禁止用戶使用Ctrl+鼠標(biāo)滾輪縮放網(wǎng)頁(yè)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)禁止用戶使用Ctrl+鼠標(biāo)滾輪縮放網(wǎng)頁(yè)的方法,涉及javascript頁(yè)面元素與事件相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
JavaScript實(shí)現(xiàn)的字符串replaceAll函數(shù)代碼分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的字符串replaceAll函數(shù)代碼分享,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04
JS面向?qū)ο髮?shí)現(xiàn)飛機(jī)大戰(zhàn)
這篇文章主要為大家詳細(xì)介紹了JS面向?qū)ο髮?shí)現(xiàn)飛機(jī)大戰(zhàn),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08

