JavaScript判断字符串是否包含子字符串的方法
作者:闭包旅人时间:2026-10-29 07:22:34浏览:148
本文介绍在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程序设计有所帮助。
作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
