Como saber que uma string inicia / termina com uma string específica no jQuery?

Quero saber se uma string começa com o caractere / string especificado ou termina com ela no jQuery.

Por exemplo:

var str = 'Hello World';

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

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

Se não houver nenhuma função, existe alguma alternativa?

Uma opção é usar expressões regulares:

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

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

Para começar com, você pode usar o indexOf:

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

...

ref

e você pode fazer as contas com base no comprimento da string para determinar 'endswith'.

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

Não há necessidade de jQuery para fazer isso. Você poderia codificar um wrapper jQuery, mas seria inútil, portanto, você deveria usar melhor

var str = "Hello World";

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

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

como o método match () está obsoleto.

PS: o sinalizador "i" no RegExp é opcional e significa distinção entre maiúsculas e minúsculas (portanto, também retornará true para "hello", "hEllo" etc.).

Você realmente não precisa do jQuery para essas tarefas. Na especificação ES6, eles já têm os métodos prontos para uso , beginWith e endsWith .

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

Atualmente disponível no FF e Chrome . Para navegadores antigos, você pode usar seus polyfills ou substr

Você sempre pode estender o Stringprotótipo assim:

//  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;
    };
}

E use-o assim:

var str = 'Hello World';

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

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

O ES6 agora suporta o método startsWith()e endsWith()para verificar o início e o final de strings. Se você deseja dar suporte aos mecanismos pre-es6, considere adicionar um dos métodos sugeridos ao Stringprotótipo.

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