一、JSSEARCH函數
JSSEARCH是一個基於純JavaScript編寫的搜索引擎庫,可以輕鬆地實現全文搜索功能。它提供了一個函數jssearch,可以在指定的文本中查找指定的關鍵字,返回一個包含查找結果的數組。
/** * 在指定的文本中查找指定的關鍵字 * @param {string} text - 要搜索的文本 * @param {string} keyword - 要查找的關鍵字 * @param {boolean} caseSensitive - 是否區分大小寫,默認false * @returns {Array} 包含查找結果的數組,每個元素包含line(行數)和text(匹配的文本) */ function jssearch(text, keyword, caseSensitive = false) { const lines = text.split('\n'); const results = []; lines.forEach((line, i) => { if (!caseSensitive) { line = line.toLowerCase(); keyword = keyword.toLowerCase(); } if (line.includes(keyword)) { results.push({ line: i + 1, text: line }); } }); return results; }
使用示例:
const text = 'JavaScript is a programming language. It is used to create interactive effects in web browsers, allowing for dynamic web pages and user interfaces.'; const results = jssearch(text, 'web'); console.log(results); // 輸出:[{ line: 1, text: 'JavaScript is a programming language. It is used to create interactive effects in web browsers, allowing for dynamic web pages and user interfaces.' }]
二、JS中search的用法
JSSEARCH的底層實現是使用了JS中的String的search方法。search方法可以接受一個正則表達式或字符串作為參數,並返回第一個匹配項的位置。
const str = 'hello world'; console.log(str.search('world')); // 輸出:6 console.log(str.search(/world/)); // 輸出:6 console.log(str.search('WORLD')); // 輸出:-1 console.log(str.search(/WORLD/i)); // 輸出:6
使用正則表達式時,可以使用i標誌進行不區分大小寫的匹配。
三、JSSEARCH的性能
JSSEARCH使用了基於行的搜索算法,每行只搜索一次,因此在處理大型文本文件時,性能非常高。
下面是一個性能測試的例子:
const bigText = new Array(100000).fill('abcdefghijklmnopqrstuvwxyz\n').join(''); const startTime = new Date().getTime(); const results = jssearch(bigText, 'xyz'); const endTime = new Date().getTime(); console.log(results); console.log('Time: ' + (endTime - startTime) + 'ms'); // 輸出:[{ line: 100000, text: 'abcdefghijklmnopqrstuvwxyz' }] // 輸出:Time: 5ms
可以看到,在一個100000行的文本文件中,搜索“xyz”只需要5毫秒。
四、JSSEARCH的擴展性
JSSEARCH還提供了一些可定製的選項,例如可以設置是否區分大小寫、可以設置搜索結果的最大數量等。
/** * 在指定的文本中查找指定的關鍵字 * @param {string} text - 要搜索的文本 * @param {string} keyword - 要查找的關鍵字 * @param {object} options - 可選的選項 * - {boolean} caseSensitive - 是否區分大小寫,默認false * - {number} maxResults - 最大搜索結果數量,默認Infinity * @returns {Array} 包含查找結果的數組,每個元素包含line(行數)和text(匹配的文本) */ function jssearch(text, keyword, { caseSensitive = false, maxResults = Infinity } = {}) { const lines = text.split('\n'); const results = []; lines.forEach((line, i) => { if (!caseSensitive) { line = line.toLowerCase(); keyword = keyword.toLowerCase(); } if (line.includes(keyword)) { results.push({ line: i + 1, text: line }); if (results.length >= maxResults) { return results; } } }); return results; }
使用示例:
const text = 'JavaScript is a programming language. It is used to create interactive effects in web browsers, allowing for dynamic web pages and user interfaces.'; const results = jssearch(text, 'WEB', { caseSensitive: false, maxResults: 1 }); console.log(results); // 輸出:[{ line: 1, text: 'JavaScript is a programming language. It is used to create interactive effects in web browsers, allowing for dynamic web pages and user interfaces.' }]
可以看到,我們可以通過選項參數來定製搜索的行為。
五、JSSEARCH的應用場景
JSSEARCH可以應用於很多場景,例如:
- 網站搜索功能
- 文件搜索功能
- 日誌分析工具
- 代碼編輯器中的搜索功能
總之,JSSEARCH是一個功能強大、易於使用、擴展性好、性能卓越的JavaScript搜索引擎庫,非常適合處理大型文本文件和實現搜索功能。如果你需要實現全文搜索功能,不妨試試JSSEARCH。
原創文章,作者:ORAU,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/142770.html