Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで文字列からスペースを削除するためのガイド

JavaScriptでは、文字列から空白を除外する方法がいくつかあります。この記事では、5つの方法でそれを行う方法を示すことにより、文字列内の空白文字を使用してそれを行う方法を説明しようとしています。

  1. ループの使用
  2. 配列メソッドの使用：分割/フィルター/結合メソッド
  3. 配列メソッドの使用：分割/結合
  4. 置換方法の使用

ループの使用

forループを使用する場合は、ループの前に新しい文字列変数を宣言して、追加できるようにする必要があります。 

<!DOCTYPE html>
<html>
 
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <style>
   body {
     font-family: 'Roboto', Courier, monospace
   }
 </style>
  <script>
    const handleSubmit = str => {
 //loop
 let newStr = "";
 for(let i = 0; i < str.length; i++) {
   if(str[i] !== " ") {
     newStr += str[i];
   }
 }
 document.getElementById("demo").innerHTML = newStr;
 
}
  </script>
</head>
 
<body>
  <h1>Whitespace Filter</h1>
  <input id="demoString" value="" type="text" name="inputString" placeholder="I'm a string"/>
   <input type="submit" onclick="handleSubmit(demoString.value)"/>
   <div id="demo"></div>
 </body>
</html>

ループは、個々の文字を調べて、それが空白文字であるかどうかを確認します。そうでない場合は、newStr変数に追加します。ここでの目的を果たすために、それをDocument Object Model（DOM）に挿入して、画面に表示できるようにします。コードの他の場所で使用する必要がある場合は、newStr変数を返します。

配列メソッドの使用：分割/フィルター/結合メソッド

上で説明したループメソッドと密接に関連して、split / filterメソッドは文字列を受け取り、それを配列に分割してから、空白を削除するES6メソッドフィルターを使用します。方法は次のとおりです。 

<!DOCTYPE html>
<html>
 
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <style>
   body {
     font-family: 'Roboto', Courier, monospace
   }
 </style>
  <script>
    const handleSubmit = str => {
  
//split/Filter
 const splitted = str.split('');
 const filtered = splitted.filter(char => {
   return char !== " ";
 })
 let newStr = filtered.join('');
 
 document.getElementById("demo").innerHTML = newStr;
 
}
  </script>
</head>
 
<body>
  <h1>Whitespace Filter</h1>
  <input id="demoString" value="" type="text" name="inputString" placeholder="I'm a string"/>
   <input type="submit" onclick="handleSubmit(demoString.value)"/>
   <div id="demo"></div>
 </body>
</html>

配列メソッドの使用：分割/結合

前のセクションでは、文字列からスペースを削除するために、分割、フィルター、および結合を使用しました。実際には、配列メソッドを使用する場合にのみ、splitメソッドとjoinメソッドを使用する必要があります。スペースを分割して、各キャラクターを結合するだけです。 

<!DOCTYPE html>
<html>
 
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <style>
   body {
     font-family: 'Roboto', Courier, monospace
   }
 </style>
  <script>
    const handleSubmit = str => {
 
 //split/join
 	 const splitted = str.split(' ');
 
 	 let newStr = splitted.join('');
 
 	 document.getElementById("demo").innerHTML = newStr;
 
}
  </script>
</head>
 
<body>
  <h1>Whitespace Filter</h1>
  <input id="demoString" value="" type="text" name="inputString" placeholder="I'm a string"/>
   <input type="submit" onclick="handleSubmit(demoString.value)"/>
   <div id="demo"></div>
 </body>
</html>

なんて面白い小さな近道でしょう！選択した文字を分割して文字列からその文字を完全に切り取り、配列を個々の文字に結合して文字列を取得できます。

置換方法の使用：

replaceメソッドは、正規表現を使用して文字列内のすべてのスペースを除外する場合に最適です。ここでRegExを使用する必要があります。これは、replaceは、定義上、探しているものの最初のインスタンスを置き換えるためです。文字列に複数のスペースがある場合、空白を識別するために正規表現を使用しない限り、replaceメソッドは最初のスペースのみを取り出します。

正規表現の最後にあるグローバルフラグは、複数のインスタンスを検索して置換できるようにするものです。

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

<!DOCTYPE html>
<html>
 
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <style>
   body {
     font-family: 'Roboto', Courier, monospace
   }
 </style>
  <script>
  	const handleSubmit = str => {
 		let regex = /\s+/g
 		let newStr = str.replace(" ", "");
 
 		document.getElementById("demo").innerHTML = newStr;
 
}
  </script>
</head>
 
<body>
  <h1>Whitespace Filter</h1>
  <input id="demoString" value="" type="text" name="inputString" placeholder="I'm a string"/>
   <input type="submit" onclick="handleSubmit(demoString.value)"/>
   <div id="demo"></div>
 </body>
</html>

\ sは空白文字であり、+は、行にグループ化された1つ以上の空白文字を探していることを示します。式の最後にあるgは、注意として、空白文字の複数の異なるグループを探していることを示しています。

結論

この記事では、JavaScriptの保存から空白を取り除く4つの方法について説明しました。ループ、フィルターメソッド、分割/結合メソッド、および正規表現を使用しました。 JavaScriptでこれらの基本的なことを行う方法を学ぶことで、旅を進めるにつれてJavaScriptでさらに複雑な問題を解決するために必要なツールが得られます！


  1. 文字列からスペースを削除するC++プログラム？

    プログラムは文字列を受け取り、その中のスペースを削除します。これは、スペースを節約したい場合に便利です。次のサンプルは、説明付きでどのように行われるかを示しています。 Input: Hello World Output: HelloWorld 説明 文字列または文からスペースを削除または削除するには、ユーザーに文字列の入力を求める必要があります。次に、スペースのチェックを開始します。スペースが見つかった場合は、スペースから最後の文字まで後ろに次の文字を配置し始め、次のスペースをチェックして、文字列に存在するすべてのスペースを削除します 例 #include <iostream>

  2. C++でstd::stringからスペースを削除します

    このプログラムでは、C++でstd::stringからスペースを削除する方法を説明します。これを削除するには、remove（）関数を使用します。このremove（）関数を使用すると、イテレータの開始と終了を取得し、次にそのイテレータオブジェクトから削除される3番目の引数を取得します。 Input: A string "This is C++ Programming Language" Output: "ThisisC++ProgrammingLanguage" アルゴリズム Step 1: Get the string Step 2: Remove sp