注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

和申的个人主页

专注于java开发,1985wanggang

 
 
 

日志

 
 

用于测试JavaScript数组的用法  

2009-06-16 17:56:49|  分类: Html/Js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<html>
<head>
<script>
/*
     * 用于测试JavaScript数组的用法
     *
     * Steven
     */
               
   //创建数组, 长度由后期赋值决定
    var arry1 = new Array;
    for (i = 0; i < 5; i++) {
        arry1[i] = 2 * i + 1;
    }

    // length属性, 返回数组的长度
    alert("arry1.length=" + arry1.length);
               
    // toString()方法, 返回数组的字符串表示
    alert("arry1=" + arry1.toString());
               
    // 构建数组并初始化, 有点像Java
    arry2 = [2, 4, 6, 8];
               
    // concat方法, 用于连接两个数组
    var arry3 = arry1.concat(arry2);
    alert(arry3); // 1, 3, 5, 7, 9, 2, 4, 6, 8
               
    // concat的另外一种用法, 可以有多个参数
    var arry4 = arry2.concat(1, 3, 5, 7, 9);
    alert(arry4); // 2, 4, 6, 8,  1, 3,  5,  7,  9
               
    // join方法, 用于将数组中的各个元素连接成字符串
    var arry5 = ["one", "two", "three"];
               
    // 默认用","连接
    var strArry = arry5.join();
    alert(strArry); // "one,two,three"
               
    // 也可以指定连接的字符
    strArry = arry5.join("|");
    alert(strArry); // "one|two|three"
               
   
    // sort 方法用于将数组排序
    var arry6 = [2, 3, 1, 6, 5, 3, 1, 4, 7];
    arry6.sort();
    alert(arry6.toString()); // 1, 1, 2, 3, 3, 4, 5, 6, 7
               
    // 对于字符串数组, sort方法使用字典的顺序排序
    var arry7 = ['BB', 'AAA', 'C'];
    arry7.sort();
    alert(arry7); // AAA, BB, C
              
    // 也可以通过回调函数的方式自定义排序的大小逻辑
    // 例如下面的例子将按照字符串的长度对arry7排序
              
    /*
     * sort 方法运行时将调用使用数组的元素调用function(a1, a2){...}
     * 根据其返回的结果判断元素的大小, 其逻辑为:
     * 返回值>0 表示 a1>a2
     * 返回值<0 表示 a1<a2
     * 返回值=0 表示 a1=a2
     *
     * 这有点像Java语言中的Comparable
     */
    arry7.sort(function(a1, a2) {
       return a1.length - a2.length;
    });
    alert(arry7); // C, BB, AAA
               
    // 调用reverse方法, 可以将数组反转
    arry8 = [1,2,3,4,5];
    arry8.reverse();
    alert(arry8.toString()); // 5, 4, 3, 2, 1
   
    // slice方法, 用于截取数组的一部分并以数组的形式返回
    // 两个参数分别为截取部分的上界和下界(前包括, 后不包括, 和Java一样)
    var arry9 = ['一','二','三','四','五'];
    var arry10 = arry9.slice(1,3);
    alert(arry10); // 二, 三
   
    // splice方法, 用于删除原数组的一部分内容, 并用指定的元素替换
   
    /*
     * splice方法的前2个参数表示删除部分的上界和下界(前后都包括)
     * 从splice方法的第3个的参数开始的多个参数为替换成的内容
     */
    var arry11 = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
    arry11.splice(1, 5, '&','%','#');
    alert(arry11); // A, &, %, #, G
   
   
    // pop和push方法, 可以利用数组实现栈(先进后出)的操作
   
    /*
     * push方法, 将元素追加到数组尾端(进栈), 可以支持多参数, 每次调用的返回值为此时数组的长度
     * pop方法, 从数组的尾端取出元素(出栈), 返回值为出栈的元素
     */
   
    var arry12 = new Array;
    // 进栈一个元素
    arry12.push('one');
   
    // 进栈多个元素
    var size = arry12.push('two','three','four');
    alert(size); // 4
    size = arry12.push('five','six','seven','eight','night','ten');
    alert(size); // 10
   
    for(i=0; i<size; i++) {
     alert(arry12.pop());
    }
   
    /*
     * ********************
     * 以下方法是JS框架Prototype.js 提供的用于对数组进行操作的方法
     * 使用时要引用Prototype.js
     * ********************
     */
    //Prototype的clone方法, 用于实现数组的复制(克隆), 返回值为复制后的新数组
    var str = "how long no see you";
    // string的split方法有点像Java语言
    var arry13 = str.split(' ');
    alert(arry13); // how, long, no, see, you
    var arry14 = arry13.clone();
    alert(arry14); // how, long, no, see, you
   
    // Prototype的compact方法, 用于删除原数组中值为null和undefined(未定义)的元素
    // 返回值为删除后的新数组, 原数组不变
    var arry15 = ["spring",,"summer",,null,"autumn",,,"winter",null];
    alert(arry15.length); //10:
    var arry16 = arry15.compact();
    alert(arry16.length+": "+arry16.toString()); //4: spring, summer, autumn, winter
   
    // Prototype的without方法, 用于删除数组中的指定元素
    // without方法支持多参数, 返回值为删除后的新数组, 原数组不变
    var arry17 = ['java', 'html', 'css', 'c++','js','php','c#','js'];
    // 删除数组arry18中值为'html', 'css' 和'js'的元素
    var arry18 = arry17.without('html','css','js');
    alert(arry18.toString()); // java, c++, php, c#
    </script>
</head>
<body>
</body>
</htmL>

  评论这张
 
阅读(637)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016