Woher wissen Sie, dass eine Zeichenfolge in jQuery mit einer bestimmten Zeichenfolge beginnt / endet?

Ich möchte wissen, ob eine Zeichenfolge mit dem angegebenen Zeichen / der angegebenen Zeichenfolge beginnt oder in jQuery damit endet.

Beispielsweise:

var str = 'Hello World';

if( str starts with 'Hello' ) {
   alert('true');
} else {
   alert('false');
}

if( str ends with 'World' ) {
   alert('true');
} else {
   alert('false');
}

Wenn es keine Funktion gibt, dann eine Alternative?

Eine Möglichkeit besteht darin, reguläre Ausdrücke zu verwenden:

if (str.match("^Hello")) {
   // do this if begins with Hello
}

if (str.match("World$")) {
   // do this if ends in world
}

Für den Start können Sie indexOf verwenden:

if(str.indexOf('Hello') == 0) {

...

ref

und Sie können die Mathematik basierend auf der Zeichenfolgenlänge durchführen, um 'Endswith' zu bestimmen.

if(str.lastIndexOf('Hello') == str.length - 'Hello'.length) {

Dazu ist jQuery nicht erforderlich. Sie könnten einen jQuery-Wrapper codieren, aber er wäre nutzlos, sodass Sie ihn besser verwenden sollten

var str = "Hello World";

window.alert("Starts with Hello ? " + /^Hello/i.test(str));        

window.alert("Ends with Hello ? " + /Hello$/i.test(str));

da die match () -Methode veraltet ist.

PS: Das "i" -Flag in RegExp ist optional und steht für Groß- und Kleinschreibung wird nicht berücksichtigt (daher wird es auch für "Hallo", "Hallo" usw. als "Wahr" zurückgegeben).

Sie benötigen jQuery für solche Aufgaben nicht wirklich. In der ES6-Spezifikation haben sie bereits sofort einsatzbereite Methoden Start mit und Ende mit .

var str = "To be, or not to be, that is the question.";
alert(str.startsWith("To be"));         // true
alert(str.startsWith("not to be"));     // false
alert(str.startsWith("not to be", 10)); // true

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

Derzeit in FF und Chrome verfügbar . Für alte Browser können Sie deren Polyfills oder Substr verwenden

Sie können den StringPrototyp jederzeit wie folgt erweitern:

//  Checks that string starts with the specific string
if (typeof String.prototype.startsWith != 'function') {
    String.prototype.startsWith = function (str) {
        return this.slice(0, str.length) == str;
    };
}

//  Checks that string ends with the specific string...
if (typeof String.prototype.endsWith != 'function') {
    String.prototype.endsWith = function (str) {
        return this.slice(-str.length) == str;
    };
}

Und benutze es so:

var str = 'Hello World';

if( str.startsWith('Hello') ) {
   // your string starts with 'Hello'
}

if( str.endsWith('World') ) {
   // your string ends with 'World'
}

ES6 unterstützt jetzt die Methode startsWith()und endsWith()zum Überprüfen von Anfang und Ende von strings. Wenn Sie Pre-Es6-Engines unterstützen möchten, sollten Sie dem StringPrototyp eine der vorgeschlagenen Methoden hinzufügen .

if (typeof String.prototype.startsWith != 'function') {
  String.prototype.startsWith = function (str) {
    return this.match(new RegExp("^" + str));
  };
}

if (typeof String.prototype.endsWith != 'function') {
  String.prototype.endsWith = function (str) {
    return this.match(new RegExp(str + "$"));
  };
}

var str = "foobar is not barfoo";
console.log(str.startsWith("foob"); // true
console.log(str.endsWith("rfoo");   // true