JavaScriptで文字列の長さ(文字数)を取得する方法

本記事では、JavaScriptで文字列の長さ(文字数)を取得する方法について解説しています。

JavaScriptの学習におすすめ書籍

1冊ですべて身につくJavaScript入門講座

総合評価

( 5 )

メリット

• 誰でも分かるように嚙み砕いて説明してくれる
• アニメーションの知識が深く学べる
• 1つのWebサイトを作りながら学べる

1冊ですべて身につくJavaScript入門講座 [ Mana ]

楽天ブックス

¥2,794 （2025/06/29 22:52時点 | 楽天市場調べ）

Amazonで探す

楽天市場で探す

Yahoo!ショッピングで探す

ポチップ

先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！

Amazon Kindle Unlimited

全プログラマー必見！
変数名/関数名にもう悩まない！

リーダブルコード

総合評価

( 5 )

メリット

• 美しいコードが書けるが自然と書けるようになる
• 他の開発者が理解しやすいコードになる

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)

著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典

¥2,640 （2023/07/23 02:48時点 | Amazon調べ）

Amazonで探す

楽天市場で探す

Yahoo!ショッピングで探す

ポチップ

文字列の長さ(文字数)を取得

文字列の長さを取得するには、lengthプロパティを使用します。使い方は以下のとおりです。

const str = "文字列";
str.length;

▼サンプルコードと実行結果

const my = "My name is Tanaka.";
console.log(`文字数：${my.length}`);

空白はカウントしない

lengthプロパティで対象の文字列の前後に空白があった場合、正しい文字数を取得することが出来ません。

const my = "  私の名前は田中です。 ";
console.log(`文字数：${my.length}`);

このような場合は、lengthプロパティだけでは対処しきれないのでtrimメソッドを使用します。

上記のサンプルコードに対しtrimメソッドを使用して、再度実行結果を確認してみましょう。

const my = "  私の名前は田中です。 ";
console.log(`文字数：${my.trim().length}`);

trimメソッドを使用する前の長さは13だったのに対し、今回は文字列の長さが10と出力されています。この理由は、文字列の前にある2つの空白と文字列の後にある1つの空白が削除されているためです。

先輩くん

もし、取得した文字数が異なる場合はこちらの記事をご参照ください。