• 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>
  • 相关阅读:
    怎样不重启设置字体边缘平滑立即生效! 以下注册表导入后不能立即生效。。
    Delphi下实现全屏快速找图找色 一、数据提取
    delphi2006语言新特性:Record类型高级用法
    delphi之模糊找图
    delphi之精确找图
    delphi2006语言新特性——类静态字段、类属性
    Delphi程序开启XP的ClearType显示效果
    delphi Createthread的线程传参数
    修改窗体非客户区大小更改窗体标题栏高度
    windows 匿名管道读取子进程输出
  • 原文地址:https://www.cnblogs.com/thcjp/p/467761.html
Copyright © 2020-2023  润新知