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" >
<!--
.STYLE1 
{
    color
: #FF0000;
    font-weight
: bold;
}

-->
</ 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 > 演示一 : 申明--插入属性-- &gt; 读取-- &gt; 显示出来 (代码 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都怕你,如果发现了,自己试着改下,不行的话就请继续关注  < href ="http://thcjp.cnblogs.com" > http://thcjp.cnblogs.com </ 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 >
 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值