JavaScript で文字列を切り詰める

JavaScriptJavaScriptBeginner
今すぐ練習

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

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

はじめに

この実験では、JavaScript における文字列を切り詰める概念を探ります。文字列を切り詰めるとは、与えられた文字列の長さを指定された長さまで短縮することを意味します。さまざまな演習と例を通じて、文字列を切り詰めて切り詰められた文字列の末尾に省略記号を追加する関数を実装する方法を学びます。


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-28671{{"JavaScript で文字列を切り詰める"}} javascript/data_types -.-> lab-28671{{"JavaScript で文字列を切り詰める"}} javascript/arith_ops -.-> lab-28671{{"JavaScript で文字列を切り詰める"}} javascript/comp_ops -.-> lab-28671{{"JavaScript で文字列を切り詰める"}} end

JavaScript で文字列を切り詰める

JavaScript で文字列を切り詰めるには、truncateString 関数を使用できます。この関数には 2 つの引数が必要です。str(切り詰める文字列)と num(切り詰められた文字列の最大長)です。

truncateString 関数は、str の長さが num より大きいかどうかを確認します。もしそうなら、関数は文字列を望ましい長さに切り詰めて末尾に '...' を追加します。そうでなければ、元の文字列を返します。

以下は truncateString 関数のコードです。

const truncateString = (str, num) =>
  str.length > num ? str.slice(0, num > 3 ? num - 3 : num) + "..." : str;

そして、truncateString 関数を使用する方法の例を以下に示します。

truncateString("boomerang", 7); // 'boom...'

まとめ

おめでとうございます!あなたは文字列を切り詰める実験を完了しました。あなたのスキルを向上させるために、LabEx でさらに多くの実験を練習できます。