码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript - 数组方法应用

时间:2015-04-26 18:27:38      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:javascript   数组   方法   应用   

数组方法应用

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>数组方法应用</title>
    <script type="text/javascript">
        var nums=new Array();
        var names=new Array(3);
        names[0]="tom";
        names[1]="jack";
        names[2]="mike";
        names[3]="alice";
        names[4]="alex";    

        //创建数组的两种方式
        var stus1=new Array("zhangsan","lisi","wangwu");
        var stus2=["hehe","heihei","haha","hoho"];

        names.sort();  //升序
        names.reverse(); //反转

        //for循环遍历数组
        for(var i=0;i<names.length;i++){
            document.writeln(names[i]+"&nbsp;");
        }
        document.writeln("<br/>");

        //foreach遍历时获取的是数组的下标
        for(var j in stus2){
            document.writeln(j+":"+stus2[j]);
        }
        document.writeln("<br/>");

        //以指定的字符拼接数组中的元素
        var str=names.join(",");
        document.writeln(str);

        document.writeln("<br/>");  

        //在JavaScript中,数组的索引可以是数字,也可以是字符串
        var citys=new Array(3);
        citys["nanjing"]="南京";
        citys["beijing"]="北京";
        citys["tianjing"]="天津";

        for(var c in citys){
            document.writeln(c+":"+citys[c]+"<br/>");
        }
          document.writeln("<br/>");
        //二组数组
        var grade=new Array(3);
        grade["wbs14061"]=new Array("小涛","超哥","程程");
        grade["wbs14081"]=new Array("小朋朋","中朋朋","db朋朋");
        grade["wbs14091"]=new Array("小李子","小狗子","小驴子");
        //输出所有班级学生信息
        for(var gradeName in grade){
            document.writeln(gradeName+":")
            for(var stu in grade[gradeName]){
                document.writeln(grade[gradeName][stu]+"&nbsp;&nbsp;")
            }
            document.writeln("<br/>");
        }
       document.writeln("<br/>");
    </script>
</head>
<body>

</body>
</html>

JavaScript - 数组方法应用

标签:javascript   数组   方法   应用   

原文地址:http://blog.csdn.net/wangzi11322/article/details/45289371

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!