วิธีการตรวจสอบว่าสตริงมีสตริงย่อยใน JavaScript หรือไม่


7427

ฉันมักจะคาดหวังString.contains()วิธีการ แต่ดูเหมือนจะไม่เป็นอย่างนั้น

วิธีตรวจสอบที่เหมาะสมคืออะไร

คำตอบ:


13772

ECMAScript 6 แนะนำString.prototype.includes:

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

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

includes ไม่ได้สนับสนุน Internet Explorerแม้ว่า ใน ECMAScript 5 หรือสภาพแวดล้อมที่เก่ากว่าใช้String.prototype.indexOfซึ่งคืนค่า -1 เมื่อไม่พบสตริงย่อย:

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

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


25
ฉันไม่ชอบ IE เหมือนกัน แต่ถ้าคุณมีฟังก์ชั่นสองอย่างที่เหมือนกันมากและอีกอันหนึ่งรองรับได้ดีกว่าอีกอันฉันคิดว่าคุณควรเลือกฟังก์ชั่นที่รองรับที่ดีกว่า? ดังนั้นindexOf()มันจึงเป็น ...
rob74

3
เป็นไปได้ไหมที่จะทำการค้นหาแบบตัวเล็กและเล็ก
Eric McWinNEr

18
string.toUpperCase().includes(substring.toUpperCase())
Rodrigo Pinto

2
@EricMcWinNEr /regexpattern/i.test(str)-> i flag ย่อมาจาก case insensitivity
Code Maniac

ดูเหมือนจะไม่ได้ผลสำหรับฉันใน Google App Script
Ryan

559

มีString.prototype.includesใน ES6 :

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

โปรดทราบว่าสิ่งนี้ไม่ทำงานใน Internet Explorer หรือเบราว์เซอร์เก่าอื่น ๆ ที่ไม่มีการสนับสนุน ES6 หรือไม่สมบูรณ์ ในการทำให้มันทำงานในเบราว์เซอร์รุ่นเก่าคุณอาจต้องการใช้ transpiler เช่นBabel , ห้องสมุด shim เช่นes6-shimหรือpolyfillนี้จาก 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;
    }
  };
}

3
เพียงทำ"potato".includes("to");และเรียกใช้ผ่านบาเบล
Derk Jan Speelman

1
ไม่ได้รับการสนับสนุนจาก IE เศร้า
Sweet Chilly Philly

@eliocs คุณสามารถตอบคำถามนี้ได้ ฉันได้รับข้อความใดข้อความหนึ่ง ต้องการเปลี่ยนข้อความstackoverflow.com/questions/61273744/…
sejn

1
ข้อดีอีกอย่างคือมันเป็นตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ "boot".includes("T")isfalse
Jonatas CD

47

อีกทางเลือกหนึ่งคือKMP (Knuth – Morris – Pratt)

การค้นหาขั้นตอนวิธีการ KMP สำหรับ length- เมตร substring ใน length- nสตริงในกรณีที่แย่ที่สุด O ( n + ม. ) เวลาเมื่อเทียบกับกรณีที่แย่ที่สุดของ O ( nเมตร ) สำหรับขั้นตอนวิธีการที่ไร้เดียงสาดังนั้นการใช้ KMP อาจ มีเหตุผลถ้าคุณสนใจความซับซ้อนของเวลาที่เลวร้ายที่สุด

นี่คือการใช้งาน JavaScript โดย Project Nayuki นำมาจาก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


11
นี่คือ overkill แต่อย่างไรก็ตามคำตอบที่น่าสนใจ
Faissaloo
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.