JavaScript で文字列を作成する
Muhammad Muzammil Hussain
2023年6月20日
- JavaScript で文字列を作成する
-
JavaScript で
+
とconcat()
を使用して文字列を作成する -
JavaScript で
push()
とjoin()
を使用して文字列を作成する
この記事では、連結演算子と JavaScript のいくつかの組み込みメソッドを使用して文字列を生成または構築する方法について、さまざまなコード例とともに説明します。
JavaScript で文字列を作成する
JavaScript で文字列を作成するには、文字列の小さな部分 (単語など) を組み合わせて完全な文を作成する必要がある場合、指定されたすべての部分を結合して新しい結果の文字列を生成する必要があると言えます。
必要なソリューションは次のとおりです。
a = "Delft"
b = "Stack"
result = "DelftStack"
JavaScript では、文字列の単純な連結やデフォルトのメソッドなどのカスタム ロジックを使用して、このタスクを実現できます。
JavaScript で +
と concat()
を使用して文字列を作成する
JavaScript には、演算子 +
があります。 整数の間でこの演算子を使用すると加算が作成されますが、これを文字列値で使用すると、文字列が連結されて結合されます。
また、文字列を結合するためのデフォルトの 文字列メソッド concat()
もあります。 そのメソッドでコンマ区切りの文字列値を引数として渡す必要があります。
concat()
メソッドは元の文字列を変更しません。 新しい文字列を返します。
構文 (+
演算子を使用):
let finalResult = stringA + stringB
構文 (concat()
メソッドを使用):
let finalResult = myString.concate(stringA,stringB)
コード例:
<script>
let first = "Delft";
let second = "Stack";
let result1 = first + second ; // it will combine "DelftStack" together and create single string
console.log("concatenation using + operator : "+result1)
first = "hello";
let result2 = first.concat(" ","Delft","stack"); // it will combine "hello DelftStack" together and create single string
console.log("concatenation using concat() method : "+result2)
</script>
出力:
"concatenation using `+` operator : DelftStack"
"concatenation using `concat()` method : hello Delftstack"
コード例の説明:
- 上記の JavaScript ソース コードで、割り当てられた変数に文字列を作成しました。
- 次に、
result1
変数を作成し、+
演算子を使用して連結文字列を割り当てました。 console.log()
を使用して結果を出力しました。hello
で文字列変数を再初期化しました。- その変数を使用して、
concat()
メソッドを呼び出し、コンマ区切りの文字列値を引数として渡しました。 - 次に、再び
console.log()
を使用して結果を出力しました。
JavaScript で push()
と join()
を使用して文字列を作成する
JavaScript では、要素の配列を挿入する配列のデフォルトの push()
メソッド があります。 配列の join()
メソッド は、すべての配列要素の文字列をカンマで生成します。
両方の方法を使用して文字列を作成できます。
構文:
array.push("stringA","stringB")
let finalResult = array.join()
コード例:
<script>
let array = [];
array.push("hello","delft","stack"); //inserting string into arrays
let result = array.join();
console.log("Using default method push and join : "+result)
</script>
出力:
"Using default method push and join : hello,delft,stack"
コード例の説明:
- 繰り返しますが、上記の JavaScript ソース コードで配列変数を作成しました。
- 次に、
push()
メソッドを使用して文字列要素を配列にプッシュしました。 join()
メソッドを使用して、配列から文字列を作成しました。- 最後に、
console.log()
を使用して結果を出力しました。