當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js入门系列演示·数组

發布時間：2024/6/5 编程问答 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 js入门系列演示·数组小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

數組,用處可多啦,要不怎么會被javascript選如核心成員呢,對了,因為是核心(是核心不是黑心)所以聲明方式也有所不同例如 : var arr=new Array();

JS數組有別于其他語言的一個重要特點是,他可以在不同行包含不同的數據類型,這也算JS這種弱類型語言的一個特色吧!

JS數組還有個大的特色就是不支持多維數組，這點不如VBS，赫赫，但是也不是沒有辦法，我們可以在數組中包含數組，或者使用關聯數組

演示一：申明--插入屬性-->讀取-->顯示出來 (代碼 31-40 行)

var al=new Array(1,2,3,4,5,6,7,8,9,"天轟穿","javascript入門系列","vs2005系列控件演示")//申明一個數組al ,并賦初始值
//下面兩句是在數組的指定位置插入兩個元素，這樣，初始的的元素就會順延
al[5]="thcjp";
al[9]=8867;
//以下是讀取
for(var i=0;i<al.length;i++)
{//申明一個值為0的變量 i ，循環到數組的最大項
?document.write(i+1 +"·<b>"+al[i]+"</b><br>");//在屏幕上打印出數組的所有元素,這里可以注意下括號內的代碼
}

演示二：利用關聯數組查找對應的信息，

注意：這里得提示以下，當跳出循環后，I 的值是被保留下來的，在循環外面還是有效，還記得我們在 http://www.cnblogs.com/thcjp/archive/2006/08/04/467487.html 一文里面提出了變量的作用域的概念！

但是，細心的朋友肯定還是會發現，我這樣做有一個BUG，如果沒發現，那說明你很厲害，BUG都怕你，如果發現了，自己試著改下，不行的話就請繼續關注 http://thcjp.cnblogs.com 或者搜索天轟穿我將會從JS到AJAX和ATLAS一直到.net(c#)與AJAX的整合出一系列的入門級實例教程

<%@LANGUAGE="JAVASCRIPT"?CODEPAGE="936"%>
<!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>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
<title>數組</title>
<style?type="text/css">

</style>
<script?language="javascript">
//創建一個包含名字的數組
var?namearr=new?Array(5);//聲明一個包含5個元素的數組
namearr[0]="張三";
namearr[1]="李四";
namearr[2]="王五";
namearr[3]="趙六";
namearr[4]="錢七";?

//下面再聲明一個對應的包含他們年齡的數組
var?agearr=new?Array(5);
agearr[0]=22;
agearr[1]=33;
agearr[2]=44;
agearr[3]=55;
agearr[4]=66;
function?schr()
{//在這個函數里面，我們將循環名字數組的所有項，找到匹配的名字，然后跳出循環
????var?txt=document.f.tt.value;//將選擇的名字賦值給變量txt
????for(var?i=0;i<namearr.length;i++)//循環名字數組
????{
????????if(namearr[i]==txt)//如果循環到的當前項和變量一樣
????????????break;//跳出循環
????}
????alert(txt?+"的年齡是?："+?agearr[i]+"歲");//在年齡數組中的I?元素讀出來，上面我們看見了，兩個數組是對應的
}
</script>
</head>

<body>
<p>數組,用處可多啦,要不怎么會被javascript選如核心成員呢,對了,因為是核心(是核心不是黑心)所以聲明方式也有所不同?例如?:?var?arr=<span?class="STYLE1">new</span>?Array();</p>
<p>??JS數組有別于其他語言的一個重要特點是,他可以在<span?class="STYLE1">不同行包含不同的數據類型</span>,這也算JS這種弱類型語言的一個特色吧!</p>
<p>JS數組還有個大的特色就是不支持多維數組，這點不如VBS，赫赫，但是也不是沒有辦法，我們可以在數組中包含數組，或者使用關聯數組</p>
<p><strong>演示一?：?申明--插入屬性-->讀取-->顯示出來?(代碼?31-40?行)?</strong></p>
<p>
<script?language="javascript">
var?al=new?Array(1,2,3,4,5,6,7,8,9,"天轟穿","javascript入門系列","vs2005系列控件演示")//申明一個數組al?,并賦初始值
//下面兩句是在數組的指定位置插入兩個元素，這樣，初始的的元素就會順延
al[5]="thcjp";
al[9]=8867;
//以下是讀取
for(var?i=0;i<al.length;i++)
{//申明一個值為0的變量?i?，循環到數組的最大項
????document.write(i+1?+"·<b>"+al[i]+"</b><br>");//在屏幕上打印出數組的所有元素,這里可以注意下括號內的代碼
}
</script>
<p><strong>演示二：利用關聯數組查找對應的信息，
</strong>
<p>注意：這里得提示以下，當跳出循環后，I?的值是被保留下來的，在循環外面還是有效，還記得我們在?http://www.cnblogs.com/thcjp/archive/2006/08/04/467487.html?一文里面提出了變量的作用域的概念！
<p>但是，細心的朋友肯定還是會發現，我這樣做有一個BUG，如果沒發現，那說明你很厲害，BUG都怕你，如果發現了，自己試著改下，不行的話就請繼續關注?<a?href="http://thcjp.cnblogs.com">http://thcjp.cnblogs.com</a>?或者搜索?<a?href="http://thcjp.cnblogs.com">天轟穿</a>我將會從JS到AJAX和ATLAS一直到.net(c#)與AJAX的整合出一系列的入門級實例教程
<form?method="get"?name="f">
?<select?name="tt"?onchange="schr()">
?<option?value="">請選擇</option>
????<option?value="張三">張三</option>
????<option?value="李四">李四</option>
????<option?value="王五">王五</option>
????<option?value="趙六">趙六</option>
????<option?value="錢七">錢七</option>
??</select>
</form>?
</body>
</html>

轉載于:https://www.cnblogs.com/czh-liyu/archive/2007/11/27/974072.html

總結

以上是生活随笔為你收集整理的js入门系列演示·数组的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。