จะทราบได้อย่างไรว่าสตริงเริ่มต้น / สิ้นสุดด้วยสตริงเฉพาะใน jQuery

ฉันต้องการทราบว่าสตริงเริ่มต้นด้วยอักขระ / สตริงที่ระบุหรือลงท้ายด้วย jQuery

ตัวอย่างเช่น:

var str = 'Hello World';

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

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

หากไม่มีฟังก์ชั่นใด ๆ ก็มีทางเลือกอื่น ๆ ?

ทางเลือกหนึ่งคือใช้นิพจน์ทั่วไป:

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

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

สำหรับ startswith คุณสามารถใช้ indexOf:

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

...

อ้าง

และคุณสามารถทำคณิตศาสตร์ตามความยาวของสตริงเพื่อกำหนด 'endswith'

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

jQuery ไม่จำเป็นต้องทำเช่นนั้น คุณสามารถเขียนโค้ดของ jQuery wrapper แต่มันจะไร้ประโยชน์ดังนั้นคุณควรใช้

var str = "Hello World";

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

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

เป็นวิธีการจับคู่ () ถูกคัดค้าน

PS: แฟล็ก "i" ใน RegExp เป็นทางเลือกและหมายถึงตัวพิมพ์เล็กและตัวพิมพ์เล็ก (ดังนั้นมันจะส่งคืนค่าจริงสำหรับ "hello", "hEllo" ฯลฯ )

คุณไม่จำเป็นต้องใช้ jQuery สำหรับงานดังกล่าว ในข้อกำหนดของ ES6 พวกเขามีวิธีการใช้งานแบบกล่องเริ่มแล้วด้วยและสิ้นสุดด้วย

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

ขณะนี้สามารถใช้ได้ใน FF และ Chrome สำหรับเบราว์เซอร์เก่าคุณสามารถใช้ polyfills หรือ substr

คุณสามารถขยายStringต้นแบบเช่นนี้ได้ตลอดเวลา:

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

และใช้มันเช่นนี้

var str = 'Hello World';

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

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

ES6 รองรับstartsWith()และendsWith()วิธีการตรวจสอบจุดเริ่มต้นและจุดสิ้นสุดของstrings หากคุณต้องการสนับสนุนเอ็นจิน pre-es6 คุณอาจต้องการพิจารณาเพิ่มหนึ่งในวิธีที่แนะนำไปยัง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(str.startsWith("foob"); // true
console.log(str.endsWith("rfoo");   // true