ตัดช่องว่างจากจุดเริ่มต้นและจุดสิ้นสุดของสตริง

ฉันพยายามหาวิธีตัดช่องว่างจากจุดเริ่มต้นและจุดสิ้นสุดของสตริงชื่อ ฉันใช้สิ่งนี้ แต่ดูเหมือนจะไม่ทำงาน:

title = title.replace(/(^[\s]+|[\s]+$)/g, '');

ความคิดใด ๆ

หมายเหตุ: ในฐานะของปี 2015 เบราว์เซอร์ที่สำคัญทั้งหมด (รวมทั้ง IE> = 9) สนับสนุน String.prototype.trim () ซึ่งหมายความว่าสำหรับกรณีการใช้งานส่วนใหญ่เพียงทำเป็นstr.trim()วิธีที่ดีที่สุดในการบรรลุคำถามที่ถาม

Steven Levithan วิเคราะห์การใช้งานที่แตกต่างกันจำนวนมากtrimใน Javascript ในแง่ของประสิทธิภาพ

คำแนะนำของเขาคือ:

function trim1 (str) {
    return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
}

สำหรับ "การใช้งานทั่วไปที่รวดเร็วข้ามเบราว์เซอร์" และ

function trim11 (str) {
    str = str.replace(/^\s+/, '');
    for (var i = str.length - 1; i >= 0; i--) {
        if (/\S/.test(str.charAt(i))) {
            str = str.substring(0, i + 1);
            break;
        }
    }
    return str;
}

"ถ้าคุณต้องการจัดการสตริงที่ยาวเป็นพิเศษในเบราว์เซอร์ทั้งหมด".

อ้างอิง

• blog.stevenlevithan.com - Trim JavaScript ที่เร็วขึ้น

หากใช้ jQuery เป็นตัวเลือก:

/**
 * Trim the site input[type=text] fields globally by removing any whitespace from the
 * beginning and end of a string on input .blur()
 */
$('input[type=text]').blur(function(){
    $(this).val($.trim($(this).val()));
});

หรือเพียงแค่:

$.trim(string);

ตามที่@ChaosPandion ได้กล่าวถึงString.prototype.trimวิธีการดังกล่าวได้ถูกนำมาใช้ในข้อกำหนดรุ่น ECMAScript 5th Edition การใช้งานบางอย่างได้รวมวิธีการนี้ไว้แล้วดังนั้นวิธีที่ดีที่สุดคือการตรวจจับการใช้งานดั้งเดิมและประกาศเฉพาะในกรณีที่ไม่มี:

if (typeof String.prototype.trim != 'function') { // detect native implementation
  String.prototype.trim = function () {
    return this.replace(/^\s+/, '').replace(/\s+$/, '');
  };
}

จากนั้นคุณสามารถ:

title = title.trim();

ฉันรู้ว่านี่เป็นโพสต์เก่า แต่แค่คิดว่าฉันจะแบ่งปันวิธีแก้ปัญหาของเรา ในการค้นหารหัสที่สั้นที่สุด (ไม่ใช่ทุกคนที่ชื่นชอบ terse regex) คุณสามารถใช้:

title = title.replace(/(^\s+|\s+$)/g, '');

BTW: ฉันทำการทดสอบเดียวกันนี้ผ่านลิงก์ที่แชร์ไว้ด้านบนblog.stevenlevithan.com - Trim JavaScript ที่เร็วขึ้นและรูปแบบนี้เอาชนะมืออื่น ๆ ทั้งหมดลง!

ใช้ IE8 เพิ่มการทดสอบเป็น test13 ผลการวิจัยพบว่า:

ความยาวเดิม: 226002
trim1: 110ms (ความยาว: 225994)
trim2: 79ms (ความยาว: 225994)
trim3: 172ms (ความยาว: 225994)
trim4: 203ms (ความยาว: 225994)
trim5: 172ms (ความยาว: 225994)
trim6: 312ms 225994)
trim7: 203ms (ความยาว: 225994)
trim8: 47ms (ความยาว: 225994)
trim9: 453ms (ความยาว: 225994)
trim10: 15ms (ความ
ยาว: 225994)
trim11: 16ms (ความยาว: 225994)
trim13: 0ms (ความยาว: 226002)

รองรับ ECMAScript 5 trimและสิ่งนี้ได้ถูกนำไปใช้ใน Firefox

แผ่นปิด - MDC

ที่นี่สิ่งนี้ควรทำทุกสิ่งที่คุณต้องการ

function doSomething(input) {
    return input
              .replace(/^\s\s*/, '')     // Remove Preceding white space
              .replace(/\s\s*$/, '')     // Remove Trailing white space
              .replace(/([\s]+)/g, '-'); // Replace remaining white space with dashes
}

alert(doSomething("  something with  some       whitespace   "));

นี่คือวิธีการที่ฉันเคยใช้ในอดีตเพื่อตัดแต่งสตริงใน js:

String.prototype.ltrim = function( chars ) {
    chars = chars || "\\s*";
    return this.replace( new RegExp("^[" + chars + "]+", "g"), "" );
}

String.prototype.rtrim = function( chars ) {
    chars = chars || "\\s*";
    return this.replace( new RegExp("[" + chars + "]+$", "g"), "" );
}
String.prototype.trim = function( chars ) {
    return this.rtrim(chars).ltrim(chars);
}

นี่คือรหัสปัจจุบันของฉันบรรทัดที่ 2 ใช้งานได้หากฉันแสดงความคิดเห็นในบรรทัดที่ 3 แต่จะไม่ทำงานหากฉันปล่อยให้เป็นแบบนี้

var page_title = $(this).val().replace(/[^a-zA-Z0-9\s]/g, '');
page_title = page_title.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
page_title = page_title.replace(/([\s]+)/g, '-');

เพียงใช้string.trim()วิธีการ มันรองรับเบราว์เซอร์หลัก ๆ ทั้งหมด การอ้างอิงที่นี่: http://www.w3schools.com/jsref/jsref_trim_string.asp

jQuery.trim ("สวัสดีคุณเป็นอย่างไรบ้าง");

:)

เมื่อ DOM โหลดเต็มคุณสามารถเพิ่มสิ่งนี้ลงในฟิลด์ข้อความทั้งหมด ฉันไม่เคยมีสถานการณ์ที่ฉันจำเป็นต้องส่งผู้นำหรือพื้นที่ต่อท้ายดังนั้นการทำมันตลอดเวลาทั่วโลกได้ทำงานให้ฉัน ...

$(function() { $('input[type=text]').on('blur', function(){
    $(this).val($.trim($(this).val()));
  });
});

นี่คือสิ่งที่แนะนำโดย JavaScript Architect / Guru Douglas Crockford

String.method('trim', function (  ) {
    return this.replace(/^\s+|\s+$/g, '');
});

หมายเหตุ: คุณต้องกำหนด "method" สำหรับ Function.prototype

อีกทางเลือกหนึ่ง

String.prototype.trim = function () {
   return this.replace(/^\s+|\s+$/g, '');
};

title.trim();    // returns trimmed title

การสังเกต

ในเบราว์เซอร์ที่ผ่านมาวิธีการตัดแต่งจะรวมอยู่โดยค่าเริ่มต้น ดังนั้นคุณไม่จำเป็นต้องเพิ่มมันอย่างชัดเจน

เบราว์เซอร์หลัก ๆ เช่น Chrome, Firefox, Safari ฯลฯ รองรับวิธีการตัด ตรวจสอบใน Chrome 55.0.2883.95 (64 บิต), Firefox 51.0.1 (64 บิต), Safari 10.0 (12602.1.50.0.10)

var word = " testWord ";   //add here word or space and test

var x = $.trim(word);

if(x.length > 0)
    alert('word');
else
    alert('spaces');

ลองทำซ้ำสำหรับสิ่งนี้

function t(k){ 
    if (k[0]==' ') {
        return t(k.substr(1,k.length));
    } else if (k[k.length-1]==' ') {
        return t(k.substr(0,k.length-1));
    } else {
        return k;
    }
}

โทรแบบนี้:

t("      mehmet       "); //=>"mehmet"

หากคุณต้องการกรองตัวสะกดคุณสามารถกำหนดสตริงรายการโดยทั่วไป:

function t(k){
    var l="\r\n\t "; //you can add more chars here.
    if (l.indexOf(k[0])>-1) {
        return t(k.substr(1,k.length));
    } else if (l.indexOf(k[k.length-1])>-1) {
        return t(k.substr(0,k.length-1));
    } else {
        return k;
    }
}