代表者の戯言

配列について検討する



javascriptに限った話ではないが、javascriptでデータ配列の書き方をご紹介したい。

配列には、先に中身にデータを入れ、結果的に配列と認識させる方法と、先に配列であると宣言してその後にデータを入れる方法がある。


VB

<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="UTF-8">

<title>配列について検討する</title>

<link rel="stylesheet" href="reset.css">

<link rel="stylesheet" href="main.css">

</head>

<body>

<div class="container">

<form>

<input type="text" id="t1" placeholder="ここに表示">

<button id="button1">ボタン1<id="button1">

</button>

<input type="button" value="ボタン2" onclick="disp()">

<script>

/*方法1) 先に配列の中身を入れる方法*/

var a=["山田太郎","ヤマダタロウ","23"];

var b;

b=a[2];

/*方法2) 先に配列であることを宣言し、あとから中身を入れる方法*/

var c=new Array("東京花子","トウキョウハナコ","21");

var d;

d=c[1];

document.getElementById("button1").addEventListener("click", function () {

event.preventDefault();

document.getElementById("t1").value = b;

});

function disp() {

document.getElementById("t1").value = d;

}

</script>

</form>

</div>

</body>

</html>