文字列の文字数を取得する - JavaScript

JavaScriptで文字列の長さを取得するコードを紹介します。

概要

JavaScriptで文字列の長さを取得するには、Stringオブジェクトのlengthプロパティを利用します。

書式

(Stringオブジェクト).length

文字列の長さが整数値で取得できます。なお、数値のオブジェクトに対してlengthプロパティにアクセスすると、undefined の値となります。

実装例

コード

下記HTMLファイルを作成します。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
  <script type="text/javascript">
    function buttonClick() {
      var t1 = document.getElementById("textbox1");
      var str = String(t1.value)
      var str_length = str.length;

      var e1 = document.getElementById("output");
      e1.innerHTML = "長さ:"+str_length;
    }
  </script>
</head>
<body>
  <input id="textbox1" type="text" /><br />
  <input type="button" onclick="buttonClick();" value="Button" /><br />
  <hr />
  <div id="output"></div>
</body>
</html>

解説

ボタンのクリックにより、以下のJavaScript巻子を実行します。
getElementById()メソッドでテキストボックスの要素を取得し、テキストボックスに入力された文字列を取得し、str変数に代入します。
str変数のlengthプロパティで文字列の長さを取得し、id="output" のdivタグに文字列の長さを表示します。

    function buttonClick() {
      var t1 = document.getElementById("textbox1");
      var str = String(t1.value)
      var str_length = str.length;

      var e1 = document.getElementById("output");
      e1.innerHTML = "長さ:"+str_length;
    }