web-dev-qa-db-ja.com

JavaScript配列アラート

Javascriptが初めてです。

これら4つのボタンをコーディングしようとしています。私は現在2番目にいます。配列をコーディングしました。しかし、ボタンをクリックすると、ページが置き換えられます。アラートボックスに配列を表示したい。

<html>
<head>
<script type="text/javascript">

function SayHello()
{
    alert("Hello World!");
}

function DumpCustomers()
{

    var aCustomers=new Array();
    aCustomers[0]="Frank Sinatra ";
    aCustomers[1]="Bob Villa ";
    aCustomers[2]="Kurt Cobain ";
    aCustomers[3]="Tom Cruise ";
    aCustomers[4]="Tim Robbins ";
    aCustomers[5]="Santa Claus ";
    aCustomers[6]="Easter Bunny ";
    aCustomers[7]="Clark Kent ";
    aCustomers[8]="Marry Poppins ";
    aCustomers[9]="John Wayne ";

    document.write(aCustomers[0]);
    document.write(aCustomers[1]);
    document.write(aCustomers[2]);
    document.write(aCustomers[3]);
    document.write(aCustomers[4]);
    document.write(aCustomers[5]);
    document.write(aCustomers[6]);
    document.write(aCustomers[7]);
    document.write(aCustomers[8]);
    document.write(aCustomers[9]);
}

function DisplayFishCounts()
{

}
function FindJonGalt()
{

}

</script>
</head>

<body>
<form name="Main">
<input type="button" id=1 onclick="SayHello();" value="Say Hi"/>
<input type="button" id=1 onclick="DumpCustomers();" value="Dump Customers"/>
<input type="button" id=1 onclick="DisplayFishCounts();" value="Display Fish Counts"/>
<input type="button" id=1 onclick="FindJonGalt();" value="Where is Jon Galt?"/>

</form>
</body>
</html>
javascriptarrayspopupalert
23
chrisholdren

配列を配列として見たい場合は、次のように言えます

alert(JSON.stringify(aCustomers));

すべてのdocument.writesの代わりに。

http://jsfiddle.net/5b2eb/

ただし、ポップアップで1行に1つずつきれいに表示するには、次のようにします。

alert(aCustomers.join("\n"));

http://jsfiddle.net/5b2eb/1/

60
Ray Toal