1135

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

示例:我有一个字符串

var str = "mystring#";

我想知道该字符串是否以#. 我怎样才能检查它?

  1. endsWith()JavaScript中有方法吗?

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

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

4

31 回答 31

1779

更新(2015 年 11 月 24 日):

这个答案最初是在 2010 年(六年前)发布的。所以请注意这些有见地的评论:

Google 员工更新 - 看起来 ECMA6 添加了此功能。MDN 文章还展示了一个 polyfill。https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/endsWith

在现代浏览器上创建子字符串并不昂贵;发布此答案时很可能是在 2010 年。如今,简单的this.substr(-suffix.length) === suffix方法在 Chrome 上最快,在 IE11 上与 indexOf 相同,在 Firefox 上仅慢 4%(fergetaboutit 领域):jsperf.com/endswith-stackoverflow/14当结果为 false 时,整体速度更快:jsperf.com/endswith-stackoverflow-when-false 当然,随着 ES6 添加endsWith,这一点没有实际意义。:-)


原始答案:

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

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;
    };
}
于 2010-03-30T19:40:46.977 回答
298
/#$/.test(str)

将适用于所有浏览器,不需要猴子补丁String,并且不需要像lastIndexOf没有匹配项时那样扫描整个字符串。

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

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

然后你可以像这样使用它

makeSuffixRegExp("a[complicated]*suffix*").test(str)
于 2009-03-24T20:32:36.487 回答
94
  1. 不幸的是没有。
  2. if( "mystring#".substr(-1) === "#" ) {}
于 2008-11-11T11:20:53.450 回答
68

来吧,这是正确的endsWith实现:

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

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

于 2009-09-27T08:34:28.957 回答
57

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

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

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

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

于 2008-11-11T11:58:11.957 回答
28

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

function endsWith(str, suffix) {
    return str.slice(-suffix.length) === suffix
}
于 2015-06-09T07:17:39.837 回答
19

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

概括

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

句法

str.endsWith(searchString [, position]);

参数

  • 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)

浏览器兼容性

浏览器兼容性

于 2014-03-05T14:57:39.703 回答
17
return this.lastIndexOf(str) + str.length == this.length;

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

lastIndexOf 返回 -1,然后添加搜索字符串长度,剩下的是原始字符串的长度。

一个可能的解决方法是

return this.length >= str.length && this.lastIndexOf(str) + str.length == this.length
于 2009-03-04T15:58:04.537 回答
12
if( ("mystring#").substr(-1,1) == '#' )

- 或者 -

if( ("mystring#").match(/#$/) )
于 2008-11-11T11:26:44.967 回答
8
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;
}
于 2012-10-17T10:55:25.637 回答
8

我不了解你,但是:

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

为什么是正则表达式?为什么要搞乱原型?子字符串?来吧...

于 2013-05-02T08:01:18.780 回答
8

使用正则表达式的另一个快速替代方案对我来说就像一个魅力:

// Would be equivalent to:
// "Hello World!".endsWith("World!")
"Hello World!".match("World!$") != null
于 2015-05-08T16:30:19.460 回答
7

如果您使用lodash

_.endsWith('abc', 'c'); // true

如果不使用 lodash,你可以从它的源代码中借用。

于 2015-03-02T10:34:41.213 回答
6

我刚刚了解了这个字符串库:

http://stringjs.com/

包含 js 文件,然后S像这样使用变量:

S('hi there').endsWith('hi there')

它也可以通过安装在 NodeJS 中使用:

npm install string

然后要求它作为S变量:

var S = require('string');

如果您不喜欢这个网页,该网页还包含指向备用字符串库的链接。

于 2014-04-29T10:20:02.690 回答
4
function strEndsWith(str,suffix) {
  var reguex= new RegExp(suffix+'$');

  if (str.match(reguex)!=null)
      return true;

  return false;
}
于 2014-05-19T07:51:05.897 回答
4

这么多小问题,就用这个正则表达式

var str = "mystring#";
var regex = /^.*#$/

if (regex.test(str)){
  //if it has a trailing '#'
}

于 2014-11-18T09:04:44.213 回答
4

这个问题已经很多年了。让我为想要使用投票最多的 chakrit 答案的用户添加一个重要更新。

'endsWith' 函数已作为 ECMAScript 6(实验技术)的一部分添加到 JavaScript

在此处参考:https ://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/endsWith

因此,强烈建议添加检查是否存在本机实现,如答案中所述。

于 2015-04-30T06:56:04.903 回答
2
function check(str)
{
    var lastIndex = str.lastIndexOf('/');
    return (lastIndex != -1) && (lastIndex  == (str.length - 1));
}
于 2010-06-16T14:19:02.577 回答
2

未来证明和/或防止覆盖现有原型的一种方法是测试检查它是否已添加到字符串原型中。这是我对非正则表达式高度评价的版本的看法。

if (typeof String.endsWith !== 'function') {
    String.prototype.endsWith = function (suffix) {
        return this.indexOf(suffix, this.length - suffix.length) !== -1;
    };
}
于 2011-07-18T21:46:08.550 回答
2

@chakrit 接受的答案是自己做的可靠方法。但是,如果您正在寻找打包的解决方案,我建议您查看underscore.string,正如@mlunoe 指出的那样。使用 underscore.string,代码将是:

function endsWithHash(str) {
  return _.str.endsWith(str, '#');
}
于 2015-02-04T20:25:20.050 回答
2

经过所有这些长长的答案,我发现这段代码简单易懂!

function end(str, target) {
  return str.substr(-target.length) == target;
}
于 2016-02-28T10:51:15.653 回答
1

如果您不想使用 lasIndexOf 或 substr 那么为什么不直接查看处于自然状态的字符串(即数组)

String.prototype.endsWith = function(suffix) {
    if (this[this.length - 1] == suffix) return true;
    return false;
}

或作为独立功能

function strEndsWith(str,suffix) {
    if (str[str.length - 1] == suffix) return true;
    return false;
}
于 2011-05-02T07:41:13.567 回答
1
String.prototype.endWith = function (a) {
    var isExp = a.constructor.name === "RegExp",
    val = this;
    if (isExp === false) {
        a = escape(a);
        val = escape(val);
    } else
        a = a.toString().replace(/(^\/)|(\/$)/g, "");
    return eval("/" + a + "$/.test(val)");
}

// example
var str = "Hello";
alert(str.endWith("lo"));
alert(str.endWith(/l(o|a)/));
于 2012-06-22T15:06:02.620 回答
1

这是实现endsWith

String.prototype.endsWith = function (str) {
  return (this.length >= str.length) && (this.substr(this.length - str.length) === str);
}
于 2018-06-20T04:37:51.077 回答
1

这是 endsWith 的实现: String.prototype.endsWith = function (str) { return this.length >= str.length && this.substr(this.length - str.length) == str; }

于 2018-06-20T04:43:07.137 回答
0

它们都是非常有用的例子。添加String.prototype.endsWith = function(str)将帮助我们简单地调用该方法来检查我们的字符串是否以它结尾,那么正则表达式也会这样做。

我找到了比我更好的解决方案。谢谢大家。

于 2008-11-11T11:54:56.503 回答
0

这建立在@charkit 接受的答案的基础上,允许字符串数组或字符串作为参数传入。

if (typeof String.prototype.endsWith === 'undefined') {
    String.prototype.endsWith = function(suffix) {
        if (typeof suffix === 'String') {
            return this.indexOf(suffix, this.length - suffix.length) !== -1;
        }else if(suffix instanceof Array){
            return _.find(suffix, function(value){
                console.log(value, (this.indexOf(value, this.length - value.length) !== -1));
                return this.indexOf(value, this.length - value.length) !== -1;
            }, this);
        }
    };
}

这需要 underscorejs - 但可能可以调整以删除下划线依赖项。

于 2013-06-15T06:33:56.580 回答
0
if(typeof String.prototype.endsWith !== "function") {
    /**
     * String.prototype.endsWith
     * Check if given string locate at the end of current string
     * @param {string} substring substring to locate in the current string.
     * @param {number=} position end the endsWith check at that position
     * @return {boolean}
     *
     * @edition ECMA-262 6th Edition, 15.5.4.23
     */
    String.prototype.endsWith = function(substring, position) {
        substring = String(substring);

        var subLen = substring.length | 0;

        if( !subLen )return true;//Empty string

        var strLen = this.length;

        if( position === void 0 )position = strLen;
        else position = position | 0;

        if( position < 1 )return false;

        var fromIndex = (strLen < position ? strLen : position) - subLen;

        return (fromIndex >= 0 || subLen === -fromIndex)
            && (
                position === 0
                // if position not at the and of the string, we can optimise search substring
                //  by checking first symbol of substring exists in search position in current string
                || this.charCodeAt(fromIndex) === substring.charCodeAt(0)//fast false
            )
            && this.indexOf(substring, fromIndex) === fromIndex
        ;
    };
}

好处:

于 2013-07-11T13:40:16.500 回答
0

不要使用正则表达式。即使在快速的语言中,它们也很慢。只需编写一个检查字符串结尾的函数。这个库有很好的例子:groundjs/util.js。向 String.prototype 添加函数时要小心。这段代码有很好的例子说明如何做到这一点:groundjs/prototype.js 一般来说,这是一个很好的语言级库:groundjs 你也可以看看 lodash

于 2014-01-05T02:03:46.693 回答
0

对于咖啡脚本

String::endsWith = (suffix) ->
  -1 != @indexOf suffix, @length - suffix.length
于 2014-10-23T09:40:10.670 回答
0

7岁的帖子,但我无法理解前几篇帖子,因为它们很复杂。所以,我写了自己的解决方案:

function strEndsWith(str, endwith)
{
    var lastIndex = url.lastIndexOf(endsWith);
    var result = false;
    if (lastIndex > 0 && (lastIndex + "registerc".length) == url.length)
    {
        result = true;
    }
    return result;
}
于 2016-02-17T15:30:12.373 回答