JavaScript判断字符串是否包含子字符串的方法

作者:闭包旅人

时间:2026-10-29

浏览:147

本文介绍在JavaScript中判断字符串是否包含指定子字符串的方法。通过扩展String原型添加contains方法,利用indexOf和位运算实现高效检测,并提供完整的HTML交互示例供参考。

文章目录

JavaScript判断字符串包含子字符串的方法

本文介绍在JavaScript中判断字符串是否包含指定子字符串的具体实现方式,供开发者参考。

以下JavaScript代码为String对象扩展了一个contains方法,用于检测字符串中是否包含特定子字符串,该功能在实际开发中非常实用。


if (!Array.prototype.indexOf) {
  Array.prototype.indexOf = function(obj, start) {
     for (var i = (start || 0), j = this.length; i < j; i++) {
       if (this[i] === obj) { return i; }
     }
     return -1;
  }
}
if (!String.prototype.contains) {
  String.prototype.contains = function (arg) {
    return !!~this.indexOf(arg);
  };
}

下面提供了一个可在浏览器环境中直接运行的详细使用示例。

代码实现如下:

输入两个字符串并检查第一个字符串是否包含第二个字符串。<br> <br>
字符串1: <input id="foo" type="text" value="a quick brown fox jumps over"> <br>
字符串2: <input id="bar" type="text" value="fox jumps"> <br><br>
<button onclick="checkstring()">点击检查字符串1是否包含字符串2</button>
<script>
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(obj, start) {
for (var i = (start || 0), j = this.length; i < j; i++) {
if (this[i] === obj) { return i; }
         }
return -1;
    }
}
if (!String.prototype.contains) {
String.prototype.contains = function (arg) {
return !!~this.indexOf(arg);
    };
}
function checkstring() {
var foo = document.getElementById("foo").value;
var bar = document.getElementById("bar").value;
alert(foo.contains(bar));
}
</script>

希望本文所述内容对大家的JavaScript程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章