logo

TechCodeview

JavaScript の複数行の文字列

文字列操作は学ぶのは簡単ですが、JavaScript でそれを習得するのは最も困難です。以前は、複数行の文字列は JavaScript でサポートされていませんでした。 2015 年以降、複数行の文字列をサポートする ES6 (ECMAScript 6) によって文字列リテラルが導入されました。

複数行の文字列を処理するにはいくつかの方法があります。この章では、複数行の文字列を処理するさまざまな方法を 1 つずつ説明します。

以下に、複数行の文字列を操作するいくつかの方法を示します。

方法 1

最も簡単な方法です JavaScript 文字列テキストを複数行で表示します。破断線タブ (
) または document.write() 関数内の HTML を使用して、テキストを新しい行から開始します。

例

以下は、JavaScript プログラミングを使用した複数行文字列の実際の実装です。

コードをコピーする 

 Multiple new lines example document.write(&apos;This is first line display using JavaScript.&apos;); document.write(&apos; <br>&apos;); document.write(&apos;This is second line and divided using break line tab of HTML.&apos;); document.write(&apos; <br>&apos;); document.write(&apos;Now, we again printed another new line.&apos;)
今すぐテストしてください

出力

このコードを実行すると、Web 上に 3 つのテキスト文字列が表示され、破断線タブ (
) の HTML 。

 This is first line display using JavaScript. This is second line and divided using break line tab of HTML. Now, we again printed another new line.

例 2: 個々の文字列を連結する

この例では、JavaScript プログラミングを使用して、改行なしで複数行の文字列を単純に出力します。

コードをコピーする 

 Multiple new lines example var myString =&apos;Javatpoint is a website of technologies, &apos; + &apos;which provides tutorials of different technologies and tools. &apos; + &apos;Here you will get tutorials in detail&apos; + &apos;like theory as well as practical implementation.&apos; + &apos; <br> We will try to provide you the best knowledge from our side.&apos; + &apos;Student, teachers, and industry professionals can learn from here.&apos;; document.write(myString);
今すぐテストしてください

出力

このコードを実行すると、Web 上に 2 つのテキスト段落が表示され、改行タブ (
）HTMLの。

 Javatpoint is a website of technologies, which provides tutorials of different technologies and tools. Here you will get tutorials in detail &apos;like theory as well as practical implementation. We will try to provide you the best knowledge from our side. &apos;Student, teachers, and industry professionals can learn from here.

例 3

これは、JavaScript プログラミングを使用した複数行のテキスト印刷の簡単な例です。ここでは HTML のみを使用しました
タブを使用して文を複数行に分割します。

コードをコピーする 

 Multiple new lines example var multilineString =&apos;JavaScript is a programming language that is useful for web development at client-side execution.&apos; + &apos;This language is very light-weighted mostly used to put validations, so they check at the client-side.&apos; + &apos; <br> Nowadays, it is very trending in market for web development.&apos; + &apos; <br> As it also allows dynamic execution of code.&apos;; document.write(multilineString);
今すぐテストしてください

出力

このコードを実行すると、Web 上に 3 つの段落が表示され、改行タブ (
）HTMLの。

対称的な差 
 JavaScript is a programming language that is popular for web development at the client-side execution. This language is very light-weighted mostly used to put validations, so they check at client-side. Nowadays, it is very trending in market for web development. As it also allows dynamic execution of code.

方法 2: テキスト文字列を内部に渡すこともできます

または または 見出し タブ ( JavaScriptとHTMLを使用した複数行の文字列作成例

ボタンをクリックして複数行のテキストを挿入します

複数行表示 関数 showMultilineString() { multilineString = ' ' + '

h3タブを使った見出しです。

「+」

これは別の文字列改行です。 + 'これらの文字列はすべて、' + '連結演算子を使用して結合しました。このテキスト文字列は 2 行、3 行で表示されます。

' + ' ; document.getElementById('multiline').innerHTML = multilineString; }今すぐテストしてください

出力

上記を実行すると、Web 上に出力が表示されます。以下の応答を参照してください。が表示されます 複数行表示 ボタンをクリックしてテキスト文字列を表示します。

JavaScript の複数行の文字列

これをクリックしてください 複数行表示 ボタンをクリックすると、テキスト文字列が複数行に表示されます。以下の出力を参照してください。

JavaScript の複数行の文字列