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

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

ITエンジニア特化の転職サイト！
自社内開発求人に強い【クラウドリンク】

先輩くん

年収、休日数、労働環境等クラウドリンクが審査し、これらを通過した優良求人情報のみ紹介しているよ！

後輩ちゃん

100％自社内開発の求人だから、SESのように職場環境が変わらないのがいいね！

簡単30秒で無料登録！

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

本書情報

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

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

posted with カエレバ

楽天市場

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つの空白が削除されているためです。