快捷導(dǎo)航

JS敏感詞過濾代碼

更新時(shí)間：2016年12月23日 14:11:16 作者：斗金花

本篇文章主要介紹了JS敏感詞過濾實(shí)例，詳細(xì)的介紹了兩種方法，RegExp（），replace（），具有一定的參考價(jià)值，有興趣的可以了解一下。

過濾敏感、不良詞匯。本文主要講述兩種方式過濾敏感詞匯。

我在這里直接以函數(shù)的形式體現(xiàn)出來，也就是說，用的時(shí)候直接調(diào)用函數(shù)即可。

方式一、RegExp（）

function filter() {

  // 獲取輸入框的內(nèi)容inputContent
  var inputContent = input.value;

  // 多個(gè)敏感詞，這里直接以數(shù)組的形式展示出來
  var arrMg = ["fuck", "tmd", "他媽的"];

  // 顯示的內(nèi)容--showContent
  var showContent = inputContent;

  // 正則表達(dá)式
  // \d 匹配數(shù)字 

  for (var i = 0; i < arrMg.length; i++) {

    // 創(chuàng)建一個(gè)正則表達(dá)式
    var r = new RegExp(arrMg[i], "ig");

    showContent = showContent.replace(r, "*");
  }
  // 顯示的內(nèi)容--showInput
  showInput.value = showContent;
}

方式二、replace（）

function filtion(){
  var inputContent = input.value;

  // 多個(gè)敏感詞
  var arrMg = ["fuck", "tmd", "他媽的"];

  var showContent = inputContent;

  for (var i = 0; i < arrMg.length; i++) {

    // replace 只會(huì)替換第一個(gè)，后面如果還有相同的內(nèi)容，就不會(huì)替換了
    showContent = showContent.replace(arrMg[i], "*");
  }

  showInput.value = showContent;
}

兩種方式都寫完了，一種是正則表達(dá)式，一種是對(duì)象方法replace().

下面這里加上HTML的代碼，這樣可能會(huì)好一點(diǎn)。

<textarea id="inputContent" > </textarea>

  <input type="button" value="轉(zhuǎn)換" onclick="filter()"/>

  <textarea id="showInput"></textarea>

當(dāng)然，敏感詞的過濾還是還有好幾種方法的，比如JQ的也可以，當(dāng)然使用一些目前主流的前段框架也是可以的，例如angular、vue等這些都會(huì)有自己的過濾器。

但是，在現(xiàn)實(shí)開發(fā)中，過濾這一塊的話，通常交給后臺(tái)方法。

就這樣。

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

js
敏感詞

相關(guān)文章

Javascript 顏色漸變效果的實(shí)現(xiàn)代碼
在搭建博主博客的時(shí)候，尋思著做一些效果，看到菜單，就想是不是可以做一下顏色的漸變，增加一點(diǎn)動(dòng)態(tài)的感覺。有個(gè)jquery的插件，效果相當(dāng)不錯(cuò)，不過博主還是打算自立更生寫一下，看看能不能實(shí)現(xiàn)
2013-10-10
微信小程序?qū)崿F(xiàn)拼圖游戲
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)拼圖游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-07-07
前端使用xlsx導(dǎo)出數(shù)據(jù)生成Excel文件的全過程
這篇文章主要給大家介紹了關(guān)于前端使用xlsx導(dǎo)出數(shù)據(jù)生成Excel文件的相關(guān)資料,最近在做項(xiàng)目中,后端偷懶不做導(dǎo)出功能,讓我前端實(shí)現(xiàn),所以在這里記錄下前端導(dǎo)出功能,需要的朋友可以參考下
2023-08-08
前端常見的時(shí)間轉(zhuǎn)換方法以及獲取當(dāng)前時(shí)間方法小結(jié)
在做開發(fā)時(shí)會(huì)對(duì)不同的時(shí)間格式進(jìn)行轉(zhuǎn)換,下面這篇文章主要給大家介紹了關(guān)于前端常見的時(shí)間轉(zhuǎn)換方法以及獲取當(dāng)前時(shí)間方法的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-01-01
javaScript使用EL表達(dá)式的幾種方式
這篇文章主要介紹了javaScript如何使用EL表達(dá)式，有哪幾種不錯(cuò)的方式,需要的朋友可以參考下
2014-05-05
判斷checkbox選擇的個(gè)數(shù) 多瀏覽器
判斷checkbox選擇的個(gè)數(shù) 多瀏覽器...
2006-09-09
JavaScript實(shí)現(xiàn)滑塊驗(yàn)證案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)滑塊驗(yàn)證案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-01-01
js實(shí)現(xiàn)的頁面矩陣圖形變換特效
這篇文章主要介紹了js實(shí)現(xiàn)的頁面矩陣圖形變換特效,涉及JavaScript利用數(shù)組與字符串的數(shù)學(xué)運(yùn)算操作頁面節(jié)點(diǎn)樣式變換的相關(guān)技巧,需要的朋友可以參考下
2016-01-01
js獲取時(shí)間精確到秒（年月日）
這篇文章主要為大家詳細(xì)介紹了js獲取時(shí)間精確到秒，實(shí)現(xiàn)獲取當(dāng)前年份、當(dāng)前月份等操作，感興趣的小伙伴們可以參考一下
2016-03-03
JavaScript中this的9種應(yīng)用場(chǎng)景及三種復(fù)合應(yīng)用場(chǎng)景
本文通過9中應(yīng)用場(chǎng)景給大家分析this關(guān)鍵字的用法，需要了解的朋友可以參考下本文
2015-09-09