溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家?guī)碛嘘PJavaScript中怎么過濾關鍵字，文章內容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
效果圖：
話不多說，請看代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
em { font-size: 16px; color: red; }
</style>
</head>
<body>
<p id="cont">JavaScript過濾關鍵字的方法JavaScript過濾關鍵字的方法</p>
<script>
//================================= 可用狀態(tài)代碼 =====================================
// var arr = ['Java','關鍵字', '方法'],
// arrText = arr.join('|'),
// var params = document.querySelector('#cont');
//
// // 替換關鍵字
// params.innerHTML = params.innerHTML.replace(new RegExp(arrText, "ig"), "<em>$&</em>");
// var arr = [];
// console.log(arr);
//================================= 修改后的代碼 =====================================
/**
* 過濾關鍵字
* @param keyArr 需要過濾的關鍵字數(shù)組
* @param ele 過濾的節(jié)點
*/
function filterContent(keyArr, ele) {
/**
* 一個程序的標準準則
* 1. 可用, 可以實現(xiàn)核心的需求
* 2. 健壯, 兼容性處理, 邊界處理, 異常處理, 用戶輸入校驗
* 3. 可靠, 任何時候都要有返回值
* 4. 寬容, 對需求寬容, 對調用著寬容, 對維護者寬容
* 5. 精益求精, 可靠的注釋...
*/
try {
// 檢測是否為 undefined 或者為一個數(shù)組，或者數(shù)組長度是否大于 1, 這里的返回 -1 只是為了有返回值, 也可以不寫
if (keyArr === 'undefined' || !(keyArr instanceof Array) || keyArr.length < 1) return -1;
// 將數(shù)組里面的元素以 | 進行合并方便進行正則比較, 如 張三|李四
var arrTxt = keyArr.join('|'),
regObj = new RegExp(arrTxt, 'ig');
// 替換關鍵字
ele.innerHTML = ele.innerHTML.replace(regObj, "<em>$&</em>");
} catch (e) {
console.log('出錯啦~' + e);
}
}
// 調用
var arr = ['Java','關鍵字', '方法'];
var params = document.querySelector('#cont');
filterContent(arr, params);
</script>
</body>
</html>上述就是小編為大家分享的JavaScript中怎么過濾關鍵字了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業(yè)資訊頻道。
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內容。
