配列の長さを取得する - JavaScript

JavaScriptの配列の長さを取得する方法を紹介します。

書式

JavaScriptの配列の長さは、"length"プロパティを参照すると取得できます。
(配列変数名).length
補足
"length"の先頭文字"l"は小文字です。

プログラム例

コード

下記のHTMLファイルを作成します。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script language="javascript" type="text/javascript">
        function proc() {
            var data = new Array(4);
            data[0] = "Penguin";
            data[1] = "Duck";
            data[2] = "Pigion";
            data[3] = "Hawk";

            document.write("配列の長さ:" + data.length + "<br/>");
            for (i = 0; i < data.length; i++) {
                document.write(data[i]+"<br/>");
            }

        }
    </script>
</head>
<body>
    <p>Page</p>
    <script language="javascript" type="text/javascript">
        proc();
    </script>

    <p>PageEnd</p>
</body>
</html>

解説(proc関数)

var data = new Array(4);
にて、配列を初期化します。

data[0] = "Penguin";
data[1] = "Duck";
data[2] = "Pigion";
data[3] = "Hawk";
にて配列に値を代入します。

document.write("配列の長さ:" + data.length + "<br/>");
for (i = 0; i < data.length; i++) {
  document.write(data[i]+"<br/>");
}
配列の長さと配列の値を画面に表示します。

実行結果

上記のHTMLファイルをWebブラウザで表示します。下図のページが表示されます。

このページのキーワード
  • JavaScript 配列 長さ
  • JavaScript 配列 長さ 取得
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
最終更新日: 2021-09-05
作成日: 2012-04-16
iPentec all rights reserverd.