¿Cómo saber que una cadena comienza/termina con una cadena específica en jQuery?

Question

Quiero saber si una cadena comienza con el carácter/serie especificado o termina con jQuery.

Por ejemplo:

var str = 'Hello World'; 

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

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

Si no hay ninguna función que cualquier alternativa?

Answer 1

Una opción es el uso de expresiones regulares:

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

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

Answer 2

Para startswith, puede usar indexOf:

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

...

ref

y usted puede hacer las cuentas en base a la longitud de cadena para determinar 'endswith'.

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

Answer 3

No hay necesidad de jQuery para hacer eso. Podría codificar un envoltorio de jQuery, pero sería inútil lo que debe utilizar mejor

var str = "Hello World"; 

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

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

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

PD: la bandera "i" en RegExp es opcional y no distingue entre mayúsculas y minúsculas (por lo que también será verdadera para "hola", "hEllo", etc.).

Answer 4

Realmente no necesita jQuery para tales tareas. En la especificación ES6 ya tienen los métodos startsWith y endsWith listos para usar.

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 

Currently available in FF and Chrome. Para los navegadores antiguos puede utilizar sus polyfills o substr

Answer 5

siempre se puede extender prototipo de cadena como esta:

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

y utilizar de esta manera

var str = 'Hello World'; 

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

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

Answer 6

es6 ahora es compatible con el método startsWith() y endsWith() para verificar el comienzo y el final de string s. Si desea admitir motores prees6, le recomendamos que agregue uno de los métodos sugeridos al prototipo String.

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(startsWith("foob"); // true 
console.log(endsWith("rfoo"); // true