JavaScript 实现字符串 startWith 和 endWith 的两种方法
作者:异步漫步时间:2026-10-27 17:00:25浏览:263
本文介绍在 JavaScript 中为 String 原型扩展 startWith 和 endWith 方法的两种实现方式。第一种利用正则表达式快速判断字符串首尾匹配;第二种通过 substr 和 substring 进行长度校验与子串比对。文章包含完整代码示例及 URL 检测的实际应用场景,帮助开发者简化前端字符串操作逻辑。
正则表达式实现 startWith 和 endWith
一、利用正则表达式构建 startWith 与 endWith 功能函数
代码示例如下:
String.prototype.startWith=function(str){
var reg=new RegExp("^"+str);
return reg.test(this);
}
//验证通过,可直接调用 str.endWith("abc")
String.prototype.endWith=function(str){
var reg=new RegExp(str+"$");
return reg.test(this);
} 基于 substr 和 substring 的实现方式
二、JavaScript 实现 startWith 与 endWith 功能函数
代码示例如下:
<script type="text/javascript">
String.prototype.endWith=function(s){
if(s==null||s==""||this.length==0||s.length>this.length)
return false;
if(this.substring(this.length-s.length)==s)
return true;
else
return false;
return true;
}
String.prototype.startWith=function(s){
if(s==null||s==""||this.length==0||s.length>this.length)
return false;
if(this.substr(0,s.length)==s)
return true;
else
return false;
return true;
}
</script>
//以下为使用示例
var url = location.href;
if (url.startWith('https://www.jb51.net'))
{
//若当前 url 以 https://www.jb51.net/ 起始
} 作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
