题 endsWith在JavaScript中


如何检查字符串是否以JavaScript中的特定字符结尾?

示例:我有一个字符串

var str = "mystring#";

我想知道该字符串是否以结尾 #。我怎么检查呢?

  1. 有没有 endsWith() JavaScript中的方法?

  2. 我有一个解决方案是获取字符串的长度并获取最后一个字符并检查它。

这是最好的方式还是有其他方式?


1015
2017-11-11 11:15


起源


这必须是一个相关的问题: stackoverflow.com/questions/646628/javascript-startswith - Hamish Grubijan
这是一个 适用于ES6的完全符合规范的polyfill String.prototype.endsWith。 - Mathias Bynens


答案:


更新(2015年11月24日):

这个答案最初发布于2010年(六年前)。所以请注意这些富有洞察力的评论:


原始答案:

我知道这是一年前的问题...但我也需要这个,我需要它来跨浏览器工作所以...... 结合每个人的答案和评论 并简化它:

String.prototype.endsWith = function(suffix) {
    return this.indexOf(suffix, this.length - suffix.length) !== -1;
};
  • 不创建子字符串
  • 使用原生 indexOf 功能最快的结果
  • 使用第二个参数跳过不必要的比较 indexOf 跳过去
  • 适用于Internet Explorer
  • 没有正则表达式的并发症

此外,如果您不喜欢在本机数据结构的原型中填充东西,这里是一个独立版本:

function endsWith(str, suffix) {
    return str.indexOf(suffix, str.length - suffix.length) !== -1;
}

编辑: 正如@hamish在评论中指出的那样,如果你想在安全方面犯错并检查是否已经提供了实现,你可以添加一个 typeof 检查如下:

if (typeof String.prototype.endsWith !== 'function') {
    String.prototype.endsWith = function(suffix) {
        return this.indexOf(suffix, this.length - suffix.length) !== -1;
    };
}

1704
2018-03-30 19:40



Google员工更新 - 看起来ECMA6添加了此功能。 MDN文章还显示了polyfill。 developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/... - Shauna
@lukas.pukenis它跳到最后,只检查最后一个后缀的一个实例。搜索字符串是否出现在其他地方并不重要。 - chakrit
在未定义参数“suffix”时添加对情况的检查“:if(typeof String.prototype.endsWith!=='function'){String.prototype.endsWith = function(suffix){return this.indexOf(suffix) ,this.length - ((suffix && suffix.length)|| 0))!== -1;};} - Mandeep
你提到的正则表达式并发症有哪些? - IcedDante
在现代浏览器上创建子串并不昂贵;这个答案发布时,可能是在2010年。这几天,简单 this.substr(-suffix.length) === suffix Chrome浏览器的速度最快,IE11也一样 indexOf,在Firefox上只有4%的速度(fergetaboutit领域): jsperf.com/endswith-stackoverflow/14 当结果为假时,全面更快: jsperf.com/endswith-stackoverflow-when-false 当然,随着ES6的加入 endsWith,这一点没有实际意义。 :-) - T.J. Crowder


/#$/.test(str)

将适用于所有浏览器,不需要猴子修补 String,并且不需要扫描整个字符串 lastIndexOf 什么时候没有匹配。

如果要匹配可能包含正则表达式特殊字符的常量字符串,例如 '$',那么你可以使用以下内容:

function makeSuffixRegExp(suffix, caseInsensitive) {
  return new RegExp(
      String(suffix).replace(/[$%()*+.?\[\\\]{|}]/g, "\\$&") + "$",
      caseInsensitive ? "i" : "");
}

然后你可以像这样使用它

makeSuffixRegExp("a[complicated]*suffix*").test(str)

285
2018-03-24 20:32



如果您正在检查常量子字符串,这很简单。 - Warren Blanchet
lastIndexOf扫描所有字符串?我以为它会从最后搜索到开始。 - Tom Brito
@TomBrito, lastIndexOf 仅在找不到匹配项时扫描整个字符串,或者在开头找到匹配项。如果最后匹配,那么它确实与后缀的长度成比例。是, /asdf$/.test(str)产生真实的时候 str 以。。结束 "asdf"。 - Mike Samuel
@Tom Brito,这是一个正则表达式字面意思。语法来自Perl。看到 developer.mozilla.org/en/Core_JavaScript_1.5_Guide/... 或者对于不必要的详细程度,请参阅EcmaScript语言规范的第7.8.5节。 - Mike Samuel
+1用于跨浏览器兼容性。在Chrome 28.0.1500.72 m,Firefox 22.0和IE9上测试。 - Adrien Be


  1. 不幸的是不是
  2. if( "mystring#".substr(-1) === "#" ) {}

82
2017-11-11 11:20



但这在Internet Explorer中不起作用。 - Anthony
@Anthony,嗯......所以使用.Length-1,有什么问题? if(mystring.substr(mystring.length-1)===“#”){}在IE中工作得很好。 - BrainSlugs83
@ BrainSlugs83 - 这正是问题所在:'。length-1'语法在IE中起作用,' - 1'语法不起作用。这是值得记住的事情,所以给安东尼+1提示。 - egasimus
你不能用 slice()?它在我的快速IE7测试中适用于我。 - alex
mystring [mystring.length-1] ==='#'。适用于任何浏览器 - ferronrsmith


来吧,这是正确的 endsWith 执行:

String.prototype.endsWith = function (s) {
  return this.length >= s.length && this.substr(this.length - s.length) == s;
}

运用 lastIndexOf 如果没有匹配,只会创建不必要的CPU循环。


66
2017-09-27 08:34



同意。我真的觉得这是提供最高性能的解决方案,因为它具有早期中止/健全性检查,它简洁明了,优雅(重载字符串原型)和子串似乎比打开正则表达式引擎更少资源。 - BrainSlugs83
也喜欢这个解决方案。只是函数名称被拼错了。应该是“endsWith”。 - xmedeko
@ BrainSlugs83已经有几年了,但现在这个方法并不比chakrit上面提到的'indexOf'方法快,而且在Safari下,它慢了30%!以下是对大约50个字符的字符串的失败案例的jsPerf测试: jsperf.com/endswithcomparison - Brent Faust
可能应该使用 === 虽然。 - Timmmm


这个版本避免了创建子字符串,并且不使用正则表达式(这里的一些正则表达式答案将起作用;其他正在破坏):

String.prototype.endsWith = function(str)
{
    var lastIndex = this.lastIndexOf(str);
    return (lastIndex !== -1) && (lastIndex + str.length === this.length);
}

如果性能对您很重要,那么是否值得测试 lastIndexOf 实际上比创建子字符串更快。 (它很可能取决于你正在使用的JS引擎......)在匹配的情况下可能会更快,当字符串很小时 - 但是当字符串很大时,它需要回顾整个事物甚至虽然我们并不在乎:(

用于检查单个字符,查找长度然后使用 charAt 可能是最好的方式。


55
2017-11-11 11:58



如果this.lastIndexOf()返回-1,则可以命中它返回true依赖于this.length和str.length的情况。添加lastIndexOf()!= -1的测试。 - ebruchez
好抓,谢谢。 - Jon Skeet
为什么正则表达式方法被破坏了? - izb
@izb:比我想象的更老的答案 str+"$" 正如一个正则表达式被打破,因为它们可能不是有效的正则表达式。 - Jon Skeet


没有看到apporach slice 方法。所以我就把它留在这里:

function endsWith(str, suffix) {
    return str.slice(-suffix.length) === suffix
}

23
2018-06-09 07:17



你可以简化一下:return str.slice(-1)=== suffix; - Erik K.
这是最好的答案。不确定为什么它没有更多的upvotes。 - Jason Tu


return this.lastIndexOf(str) + str.length == this.length;

在原始字符串长度比搜索字符串长度小1并且找不到搜索字符串的情况下不起作用:

lastIndexOf返回-1,然后添加搜索字符串长度,并保留原始字符串的长度。

可能的解决办法是

return this.length >= str.length && this.lastIndexOf(str) + str.length == this.length

17
2018-03-04 15:58



您已经获得了“在Jon Skeet答案中发现错误”徽章。查看您的个人资料了解详情 - bobince


来自developer.mozilla.org String.prototype.endsWith()

概要

endsWith() method确定字符串是否以另一个字符串的字符结尾,并根据需要返回true或false。

句法

str.endsWith(searchString [, position]);

参数

  • 搜索字符串 : 要在此字符串末尾搜索的字符。

  • 位置 : 在这个字符串中搜索,好像这个字符串只有这么久;默认为此字符串的实际长度,限制在此字符串长度建立的范围内。

描述

此方法允许您确定字符串是否以另一个字符串结尾。

例子

var str = "To be, or not to be, that is the question.";

alert( str.endsWith("question.") );  // true
alert( str.endsWith("to be") );      // false
alert( str.endsWith("to be", 19) );  // true

产品规格

ECMAScript语言规范第6版(ECMA-262)

浏览器兼容性

Browser compatibility


13
2018-03-05 14:57





String.prototype.endsWith = function(str) 
{return (this.match(str+"$")==str)}

String.prototype.startsWith = function(str) 
{return (this.match("^"+str)==str)}

我希望这有帮助

var myStr = “  Earth is a beautiful planet  ”;
var myStr2 = myStr.trim();  
//==“Earth is a beautiful planet”;

if (myStr2.startsWith(“Earth”)) // returns TRUE

if (myStr2.endsWith(“planet”)) // returns TRUE

if (myStr.startsWith(“Earth”)) 
// returns FALSE due to the leading spaces…

if (myStr.endsWith(“planet”)) 
// returns FALSE due to trailing spaces…

传统的方式

function strStartsWith(str, prefix) {
    return str.indexOf(prefix) === 0;
}

function strEndsWith(str, suffix) {
    return str.match(suffix+"$")==suffix;
}

8
2017-10-17 10:55



您必须为正则表达式转义序列转义字符串 - Juan Mendes
即使在快速语言中,正则表达式也很慢。只需检查字符串的结尾。 - Daniel Nuriyev


if( ("mystring#").substr(-1,1) == '#' )

- 要么 -

if( ("mystring#").match(/#$/) )

7
2017-11-11 11:26





我不了解你,但是:

var s = "mystring#";
s.length >= 1 && s[s.length - 1] == '#'; // will do the thing!

为什么正则表达式为什么搞乱原型? SUBSTR?来吧...


7
2018-05-02 08:01



'有时它会更好,当它是W.E.T. - Martin Capodici