[解決済み] JavaScriptで複数行の文字列を作成する
2022-03-15 10:18:59
質問
私はRubyで次のようなコードを持っています。このコードをJavaScriptに変換したいのですが、どうすればよいでしょうか?JSで同等のコードは何ですか?
text = <<"HERE"
This
Is
A
Multiline
String
HERE
解決方法は?
アップデートしてください。
ECMAScript 6 (ES6) では、新しいタイプのリテラルが導入されました。 テンプレート・リテラル . これらは多くの機能を持ち、変数の補間などもありますが、この質問で最も重要なのは、複数行にすることができることです。
テンプレート・リテラルの区切りは バックトラック :
var html = `
<div>
<span>Some HTML here</span>
</div>
`;
(注:文字列でHTMLを使うことを推奨しているわけではありません)。
ブラウザ対応OK を使用することができます。 トランスパイラ を使用すると、より互換性が高くなります。
ES5のオリジナル回答です。
Javascriptにはヒアドキュメント構文というものがありません。しかし、リテラルな改行をエスケープすることはできますので、それに近いものがあります。
"foo \
bar"
関連
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] JavaでInputStreamを読み込んでStringに変換するにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] JavaScriptで文字列をbooleanに変換するにはどうしたらいいですか?
-
[解決済み] JavaScriptでランダムな文字列/文字を生成する
-
[解決済み] C#で文字列のエンコーディングを手動で指定せずに、一貫性のあるバイト表現を得るには?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】JavaScript版sleep()とは?)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
jsを使った簡単な照明スイッチのコード
-
HTML+CSS+JavaScriptで簡単な三目並べゲームを作成する。
-
[解決済み】Node.js getaddrinfo ENOTFOUND
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み] TypeError: $.ajax(...) is not a function?
-
[解決済み】 env: node: macにそのようなファイルやディレクトリはありません
-
[解決済み】React Uncaught Error: 対象コンテナが DOM 要素でない [重複]。
-
[解決済み】リクエストに失敗していないのに、「TypeError: failed to fetch」が表示される。
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された