Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีแปลงช่องว่างสองช่องขึ้นไปในสตริงให้เหลือเพียงช่องเดียวใน JavaScript

เราต้องเขียนโปรแกรม JavaScript ที่รับสตริงจากผู้ใช้ผ่าน input ใน HTML จากนั้นผ่าน JavaScript โปรแกรมควรตรวจสอบช่องว่างที่ติดกันมากกว่าหนึ่งช่องในสตริง

และโปรแกรมควรแทนที่ทุกกรณีของช่องว่างติดกันมากกว่าหนึ่งช่องให้เหลือเพียงช่องเดียว

เราสามารถใช้ regular expression เป็นพารามิเตอร์แรกของ replace ด้วย /\s{2,}/g เพื่อให้ได้ผลลัพธ์ตามต้องการ ให้เขียนโค้ดสำหรับฟังก์ชันนี้:

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>REMOVE SPACES</title>
</head>
<body>
  <script>
    function removeSpaces() {
      var textInput = insertText.value;
      var textInput = textInput.replace(/\s{2,}/g, " ");
      insertText.value = textInput;
    }
  </script>
  <input type="text" id="insertText" value="containin extra space">
  <button onclick="removeSpaces()">ok</button>
</body>
</html>

และผลลัพธ์จะเป็นดังนี้:

วิธีแปลงช่องว่างสองช่องขึ้นไปในสตริงให้เหลือเพียงช่องเดียวใน JavaScript

หลังจากคลิก OK:

วิธีแปลงช่องว่างสองช่องขึ้นไปในสตริงให้เหลือเพียงช่องเดียวใน JavaScript