JavaScript における文字列のインデント形式

JavaScriptJavaScriptBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、JavaScript の indentString 関数を調べます。この関数を使うと、与えられた文字列の各行を指定された量だけインデントすることができます。この関数を使えば、コード内の文字列を読みやすく整理するためにフォーマットすることができます。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28387{{"JavaScript における文字列のインデント形式"}} javascript/data_types -.-> lab-28387{{"JavaScript における文字列のインデント形式"}} javascript/arith_ops -.-> lab-28387{{"JavaScript における文字列のインデント形式"}} javascript/comp_ops -.-> lab-28387{{"JavaScript における文字列のインデント形式"}} end

JavaScript で文字列をインデントする関数

与えられた文字列の各行にインデントを追加するには、JavaScript の indentString() 関数を使うことができます。この関数には 3 つの引数があります。strcount、および indent です。

  • str 引数は、インデントを追加したい文字列です。
  • count 引数は、各行を何回インデントするかを決定します。
  • indent 引数は省略可能で、インデントに使用する文字を表します。これを指定しない場合、デフォルト値は半角空白文字 (' ') です。

以下は indentString() 関数のコードです。

const indentString = (str, count, indent = " ") =>
  str.replace(/^/gm, indent.repeat(count));

この関数を使用するには、必要な引数を指定して関数を呼び出します。以下はいくつかの例です。

indentString("Lorem\nIpsum", 2); // '  Lorem\n  Ipsum'
indentString("Lorem\nIpsum", 2, "_"); // '__Lorem\n__Ipsum'

最初の例では、indentString('Lorem\nIpsum', 2)' Lorem\n Ipsum' を返します。これは、入力文字列の各行が半角空白文字で 2 回インデントされたことを意味します。

2 番目の例では、indentString('Lorem\nIpsum', 2, '_')'__Lorem\n__Ipsum' を返します。これは、入力文字列の各行がアンダースコア文字 ('_') で 2 回インデントされたことを意味します。

まとめ

おめでとうございます!あなたはインデント文字列の実験を完了しました。あなたのスキルを向上させるために、LabExでさらに多くの実験を行って練習してください。