[JavaScript] 文字列を特定の文字数で省略する方法を丁寧に解説！

JavaScript で文字列を特定の文字数で省略する方法

JavaScript で文字列を特定の文字数で省略するには、文字列メソッド substr() と文字列連結を組み合わせます。

以下は、文字列を特定の文字数で省略する方法の例です。

const str = "Lorem Ipsum is simply dummy text of the printing and typesetting industry.";
const maxLength = 20;
const ellipsis = "...";
let newStr = "";

if (str.length > maxLength) {
    newStr = str.substr(0, maxLength) + ellipsis;
} else {
    newStr = str;
}

console.log(newStr);

この例では、文字列 str の長さが指定の文字数 maxLength より大きい場合にのみ、省略するようにしています。

まず、if 文を使用して、文字列 str の長さが指定の文字数より大きいか判定します。

次に、if 文のブロック内で、文字列 str の指定の文字数だけを取得し、省略文字列 ellipsis を文字列連結を使用して、新しい文字列 newStr に格納します。

このように、文字列を特定の文字数で省略することができます。