如果在數組中不匹配，則從字符串中刪除字符串字符

Question

我試圖遍歷包含要與我的輸入字符串進行比較的字符串的數組。 所以方法是我遍歷輸入字符串以檢查每個字符是否與數組中存在的元素之一匹配。 如果不是，則僅用''替換該字符。 注意：正則表達式實際上不是一個選擇。

這是我的JavaScript的樣子

var input = 'this is A [{}].-_+~`:; *6^123@#$%&*()?{}|\ ';
input.toLowerCase(input)

var allowed = ['0','1','2','3','4','5','6','7','8','9','a','b','c','d', 'e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','s','à','â','ä','è','é','ê','ë','î','ï','ô','œ','ù','û','ü','ÿ','ç','À','Â','Ä','È','É','Ê','Ë','Î','Ï','Ô','Œ','Ù','Û','Ü','Ÿ','Ç', ' '] 

var cleanStr = '';
for(var i = 0; i < input.length; i++){
    for(var j = 0; j< allowed.length; j++){
    if(input[i] !== allowed[j]){
        cleanStr = input.replace(input[i], ' ');
      console.log(cleanStr);
    }
  }
}

控制台日志輸出似乎與輸入字段沒有任何不同。 我想念什么？

這是我的小提琴

https://jsfiddle.net/sghoush1/nvnk7r9j/4/

Answer 1

您可以在一個循環中完成此操作。

 var input = 'this is A [{}].-_+~`:; *6^123@#$%&*()?{}|\\ '; input = input.toLowerCase(); // Note the syntax here var allowed = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'à', 'â', 'ä', 'è', 'é', 'ê', 'ë', 'î', 'ï', 'ô', 'œ', 'ù', 'û', 'ü', 'ÿ', 'ç', 'À', 'Â', 'Ä', 'È', 'É', 'Ê', 'Ë', 'Î', 'Ï', 'Ô', 'Œ', 'Ù', 'Û', 'Ü', 'Ÿ', 'Ç', ' ']; var cleanStr = ''; // Loop over each character in the string for (var i = 0; i<input.length; i++) { // Check if the character is allowed or not if (allowed.indexOf(input[i]) !== -1) { // Concat the allowed character to result string cleanStr += input[i]; } } console.log(cleanStr); document.body.innerHTML = cleanStr; 

---

正則表達式方法：

您可以使用RegExp構造函數從字符串創建RegEx。 要替換不允許的字符，可以使用否定字符類 RegEx。

var regex = new RegExp('[^' + allowed.join('') + ']', 'g');
var cleanStr = input.replace(regex, '');

注意：您需要轉義在Character類中具有特殊含義的元字符。

^{從www.regular-expressions.info引用}的字符類中的反斜杠\\之前需要轉義的元字符。

在大多數正則表達式中，字符類中唯一的特殊字符或元字符是右括號（ ] ，反斜杠（ \\ ），脫字符號（ ^ ）和連字符（ - ）。

 var input = 'this is A [{}].-_+~`:; *6^123@#$%&*()?{}|\\ '; var allowed = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 's', 'à', 'â', 'ä', 'è', 'é', 'ê', 'ë', 'î', 'ï', 'ô', 'œ', 'ù', 'û', 'ü', 'ÿ', 'ç', 'À', 'Â', 'Ä', 'È', 'É', 'Ê', 'Ë', 'Î', 'Ï', 'Ô', 'Œ', 'Ù', 'Û', 'Ü', 'Ÿ', 'Ç', ' ']; var regex = new RegExp('[^' + allowed.join('') + ']', 'gi'); console.log(regex); var cleanStr = input.replace(regex, ''); console.log(cleanStr); 

如果允許的字符數組是固定的，則可以使用以下RegEx替換不允許的字符。 另外，也無需將字符串轉換為小寫形式，請使用i標志進行不區分大小寫的匹配。

var regex = /[^0-9a-zàâäèéêëîïôœùûüÿç ]/gi;

RegEx101現場演示

Answer 2

使用ES6的Set類，可在所有好的瀏覽器中使用 ：

let input = 'this is A [{}].-_+~`:; *6^123@#$%&*()?{}|\ '.toLowerCase();
let allowed = new Set(['0','1','2','3','4','5','6','7','8','9','a','b','c','d', 'e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','s','à','â','ä','è','é','ê','ë','î','ï','ô','œ','ù','û','ü','ÿ','ç','À','Â','Ä','È','É','Ê','Ë','Î','Ï','Ô','Œ','Ù','Û','Ü','Ÿ','Ç', ' ']);

let cleanStr = [].map.call(input, c => allowed.has(c) ? c : ' ').join('');

最后一行使用有效的Set查找操作來確定是否允許該字符。

[].map.call(input, ...)允許Array.prototype.map函數直接在輸入字符串上進行操作。 由於結果是一個數組，它需要join ED再聚首之后。

用算法復雜度的術語，它使用兩個O(n)數組操作和n Set查找-我不知道它們具有什么復雜度，但是可能取決於O(log n)甚至O(1) ，具體取決於實施。

當然，初始Set的創建也需要一定的計算量，但是它是微不足道的，應該只執行一次，例如在程序啟動時。

相反，如果您實際上想刪除不匹配的字符，則可以使用.filter而不是.map ：

let cleanStr = [].filter.call(input, c => allowed.has(c)).join('');

Answer 3

好的，所以代碼的問題是，每次循環檢查是否允許輸入的元素時，您都將cleanStr分配給輸入，而只是將該字符更改為空字符串元素。 請記住，在每個循環中，您的輸入始終是相同的，而clearStr是您最后一次替換的結果。 因此，實際上您將丟棄到目前為止已完成的所有替換，並且在計算結束時，您將只有最后一次替換輸入字符串。 您想要做的是逐步生成結果字符串，以便在循環結束時獲得預期的結果。

var input = 'this is A [{}].-_+~`:; *6^123@#$%&*()?{}|\ ';
input.toLowerCase(input)

var allowed = ['0','1','2','3','4','5','6','7','8','9','a','b','c','d', 'e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','s','à','â','ä','è','é','ê','ë','î','ï','ô','œ','ù','û','ü','ÿ','ç','À','Â','Ä','È','É','Ê','Ë','Î','Ï','Ô','Œ','Ù','Û','Ü','Ÿ','Ç', ' '] 

var cleanStr = '';
for(var i = 0; i < input.length; i++){
  if(allowed.indexOf(input[i]) !== -1){
        cleanStr += input[i];
  }
}

console.log(cleanStr);

我認為了解您的錯誤對您很重要。 除了可以使用js的某些內置函數來避免這種簡單任務的double for循環之外。 盡管有許多人建議使用正則表達式會更有效。