Jak sprawdzić, czy ciąg zawiera podciąg w JavaScript?

7427

Zwykle spodziewałbym się String.contains()metody, ale nie ma takiej.

Jaki jest rozsądny sposób na sprawdzenie tego?

Peter O.
źródło

Odpowiedzi:

13769

ECMAScript 6 wprowadził String.prototype.includes:

const string = "foo";
const substring = "oo";

console.log(string.includes(substring));

includes nie obsługuje przeglądarki Internet Explorer . W ECMAScript 5 lub starszych środowiskach użyj String.prototype.indexOf, która zwraca -1, gdy nie można znaleźć podciągu:

var string = "foo";
var substring = "oo";

console.log(string.indexOf(substring) !== -1);

Ry-
źródło
25
Nie lubię też IE, ale jeśli masz dwie funkcje, które są w dużej mierze identyczne i jedna jest lepiej obsługiwana niż druga, myślę, że powinieneś wybrać lepiej obsługiwaną? Więc indexOf()to jest ...
rob74
3
Czy możliwe jest wyszukiwanie bez rozróżniania wielkości liter?
Eric McWinNEr
18
string.toUpperCase().includes(substring.toUpperCase())
Rodrigo Pinto
2
@EricMcWinNEr /regexpattern/i.test(str)-> i flag oznacza niewrażliwość na wielkość liter
Code Maniac
Wydaje mi się, że to nie działa w Google App Script.
Ryan
559

Jest String.prototype.includesw ES6 :

"potato".includes("to");
> true

Pamiętaj, że to nie działa w Internet Explorerze lub niektórych innych starych przeglądarkach bez obsługi niekompletnej ES6 lub z niepełną obsługą. Aby działało w starych przeglądarkach, możesz użyć transpilatora, takiego jak Babel , biblioteki shim, takiej jak es6-shim , lub tej wielopełniacza z MDN :

if (!String.prototype.includes) {
  String.prototype.includes = function(search, start) {
    'use strict';
    if (typeof start !== 'number') {
      start = 0;
    }

    if (start + search.length > this.length) {
      return false;
    } else {
      return this.indexOf(search, start) !== -1;
    }
  };
}
eliocs
źródło
3
Po prostu zrób to "potato".includes("to");i przeprowadź przez Babel.
Derk Jan Speelman
1
zawiera nie jest obsługiwane przez IE niestety
Sweet Chilly Philly
@eliocs czy możesz na to odpowiedzieć. Dostaję jedną wiadomość. Musisz zmienić wiadomość stackoverflow.com/questions/61273744/...
sejn
1
Kolejnym plusem jest to, że rozróżnia się również wielkość liter. "boot".includes("T")jestfalse
Jonatas CD
47

Inną alternatywą jest KMP (Knuth – Morris – Pratt).

Algorytm KMP szuka podłańcucha o długości m w ciągu o długości n w najgorszym przypadku O ( n + m ) w porównaniu do najgorszego przypadku O ( nm ) dla naiwnego algorytmu, więc użycie KMP może bądź rozsądny, jeśli zależy Ci na złożoności w najgorszym przypadku.

Oto implementacja JavaScript projektu Nayuki, pobrana z https://www.nayuki.io/res/knuth-morris-pratt-string-matching/kmp-string-matcher.js :

// Searches for the given pattern string in the given text string using the Knuth-Morris-Pratt string matching algorithm.
// If the pattern is found, this returns the index of the start of the earliest match in 'text'. Otherwise -1 is returned.

function kmpSearch(pattern, text) {
  if (pattern.length == 0)
    return 0; // Immediate match

  // Compute longest suffix-prefix table
  var lsp = [0]; // Base case
  for (var i = 1; i < pattern.length; i++) {
    var j = lsp[i - 1]; // Start by assuming we're extending the previous LSP
    while (j > 0 && pattern.charAt(i) != pattern.charAt(j))
      j = lsp[j - 1];
    if (pattern.charAt(i) == pattern.charAt(j))
      j++;
    lsp.push(j);
  }

  // Walk through text string
  var j = 0; // Number of chars matched in pattern
  for (var i = 0; i < text.length; i++) {
    while (j > 0 && text.charAt(i) != pattern.charAt(j))
      j = lsp[j - 1]; // Fall back in the pattern
    if (text.charAt(i) == pattern.charAt(j)) {
      j++; // Next char matched, increment position
      if (j == pattern.length)
        return i - (j - 1);
    }
  }
  return -1; // Not found
}

console.log(kmpSearch('ays', 'haystack') != -1) // true
console.log(kmpSearch('asdf', 'haystack') != -1) // false

Mark Amery
źródło
11
To przesada, ale mimo to interesująca odpowiedź
Faissaloo