用JavaScript對JSON進行模式匹配(Part 1-設計)
更新時間：2010年07月17日 17:31:00 作者：
在《從 if else 到 switch case 再到抽象》這篇文章里面說到，解決 if else 和 switch case 分支過多的一個方法，就是做一個專用的 dispatcher ，讓它來負責進行篩選與轉(zhuǎn)發(fā)。
至于篩選條件的描述，模式匹配是一種很常見也很好用的方式。在 JavaScript 里面，用 JSON 來描述模式又是相當方便的事情，所以我們來做一個 JSON 模式匹配工具吧。
用例設計
作為一個 dispatcher ，我們只需要兩個方法： notify 和 capture 。一個最簡單的用例是這樣的：
Dispatcher.capture({
"status": 200,
"command": "message"
}, function(json) { /* display message */ });
Dispatcher.notify({
“status": 200,
"command": "message",
"content": {
"from": "user1",
"to": "user2",
"text": "hello"
}
});
當然，只有局部的全等匹配是不夠的，我們還需要一些其他運算符。
Dispatcher.capture({
"value1$eq": "hello", /* equal */
"value2$ne": true, /* not equal */
"value3$lt": 0, /* less than */
"value4$lte: 1, /* less than or equal */
"value5$gt": 2, /* greater than */
"value6$gte": 3, /* greater than or equal */
"value7$in": [1, 3, 5, 7, 9], /* in */
"value8$nin": [2, 4, 6, 8, 10], /* not in */
"value9$all": [1, 2, 3, 4, 5], /* all */
"value10$ex": true, /* exists */
"value11$re": /^A.*/, /* regular expression */
"value12$ld": function(json) { return true; } /* lambda */
}, function(json) {});
Dispatcher.notify({
"value1": "hello",
"value2": false,
"value3": -1,
"value4": 1,
"value5": 3,
"value6": 3,
"value7": 5,
"value8": 5,
"value9": [1, 3, 5, 2, 4],
"value10": "hello",
"value11": "A13579",
"value12": "anything"
})
隨手寫下來一堆運算符，看起來實現(xiàn)會很復雜？其實不會有多復雜。在下一篇文章里面，我們會討論如何設計一個運算符接口，然后逐一實現(xiàn)這些運算符。
用例設計
作為一個 dispatcher ，我們只需要兩個方法： notify 和 capture 。一個最簡單的用例是這樣的：
復制代碼 代碼如下:
Dispatcher.capture({
"status": 200,
"command": "message"
}, function(json) { /* display message */ });
Dispatcher.notify({
“status": 200,
"command": "message",
"content": {
"from": "user1",
"to": "user2",
"text": "hello"
}
});
當然，只有局部的全等匹配是不夠的，我們還需要一些其他運算符。
復制代碼 代碼如下:
Dispatcher.capture({
"value1$eq": "hello", /* equal */
"value2$ne": true, /* not equal */
"value3$lt": 0, /* less than */
"value4$lte: 1, /* less than or equal */
"value5$gt": 2, /* greater than */
"value6$gte": 3, /* greater than or equal */
"value7$in": [1, 3, 5, 7, 9], /* in */
"value8$nin": [2, 4, 6, 8, 10], /* not in */
"value9$all": [1, 2, 3, 4, 5], /* all */
"value10$ex": true, /* exists */
"value11$re": /^A.*/, /* regular expression */
"value12$ld": function(json) { return true; } /* lambda */
}, function(json) {});
Dispatcher.notify({
"value1": "hello",
"value2": false,
"value3": -1,
"value4": 1,
"value5": 3,
"value6": 3,
"value7": 5,
"value8": 5,
"value9": [1, 3, 5, 2, 4],
"value10": "hello",
"value11": "A13579",
"value12": "anything"
})
隨手寫下來一堆運算符，看起來實現(xiàn)會很復雜？其實不會有多復雜。在下一篇文章里面，我們會討論如何設計一個運算符接口，然后逐一實現(xiàn)這些運算符。
相關(guān)文章
這篇文章主要介紹了Cocos Creator 模塊化腳本，想加深學習CocosCreator腳本的同學，一定要看一下2021-04-04
這篇文章主要介紹了小程序和web畫三角形實現(xiàn)解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
js利用Array.splice實現(xiàn)Array的insert/remove
從一個數(shù)組中移除一個或多個元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素。2009-01-01
最近做了個項目其中有這樣的需求要求實現(xiàn)點擊全選選中所有菜單，再次點擊全選取消選中。下面小編給大家分享實現(xiàn)代碼，對js實現(xiàn)checkbox全選功能感興趣的朋友參考下吧2016-10-10
這篇文章主要與大家分享js獲取一個checkbox看其是否被選中的具體實現(xiàn)，很簡單，但很實用，需要的朋友可以參考下2014-09-09
本文主要分享了canvas繪制的直線動畫的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了window.onload綁定多個事件的兩種解決方案的相關(guān)資料,需要的朋友可以參考下2016-05-05
這篇文章主要為大家詳細介紹了JS實現(xiàn)微博發(fā)布功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要介紹了JS事件添加和移出的兼容寫法,結(jié)合實例形式分析了javascript針對不同瀏覽器實現(xiàn)實現(xiàn)添加與移除事件的相關(guān)技巧與使用方法,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
javascript使用Dom改變超鏈接前面文本框的值...2007-08-08