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

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

JavaScriptの学習におすすめ参考書
改訂新版JavaScript本格入門 ～モダンスタイルによる基礎から現場での応用まで

本書情報

著者	山田 祥寛
発売日	2016/9/30
ページ数	782ページ
Kindle版	○
レビュー (Amazon)	(146件)

ＪａｖａＳｃｒｉｐｔ本格入門 モダンスタイルによる基礎から現場での応用まで 改訂新版/技術評論社/山田祥寛

posted with カエレバ

楽天市場

Amazon

Yahooショッピング

参考書が苦手な人はUdemyの動画がおすすめ
ガチで学びたい人のためのWEB開発徹底実践(フロントエンド編)

動画情報

作成者	CodeMafia
学習時間	19.5時間
受講者数	28,547人
レビュー	(5,025件)

動画の詳細はこちら

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

文字列の長さを取得するには、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つの空白が削除されているためです。