javascript中数组的定义及使用实例


Posted in Javascript onJanuary 21, 2015

本文实例讲述了javascript中数组的定义及使用方法。分享给大家供大家参考。具体分析如下:

<!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>  

    <title></title>  

    <script type="text/javascript"> 
        //【字典形式的数组】  

        var arr = new Array(); //声明一个动态数组对象arr  

        arr[0] = "tom";  

        arr[1] = "jim";  

        arr[2] = "二狗子";  

        for (var i in arr) {  

            alert(i);  //输出1,2,3 【它不像C#数组输出的是vale,这里输出是key :字典风格】  

        }  

  

        for (var i = 0; i < arr.length; i++) {  

            alert(arr[i]); //输出tom ,jim , 二狗子  

        }  

        */  

  

        //【字典形式的数组】  

        var dict = new Array();   //声明一个数组对象dict  

        dict["人"] = "ren";    //动态的添加一个人属性  

        dict["口"] = "kou";     //动态的添加一个口属性  

        dict["手"] = "shou";    //动态的添加一个手属性  

          

        for (var item in dict) {  //遍历dict数组对象:这个for循环相当于C#中的foreach遍历,语法也是一样的,只是foreach变成了for  

            alert(item); //输出  人,口,手 【它不像C#数组输出的是vale,这里输出是key :字典风格】  

            //alert(arr[item]) //如果想输出它的value值 也可以写写成这样,这样就输出了:ren ,kou ,shou 了  

        } 
        //既然通过for (var v in dict)取到的是key 它有这种特性,那么我们就可以利用这种特性来获得一个对象里面又有的成员(对象的成员是以对象的key的形式出现的)  

        for (var v in document) {//输出document对象的所有成员  

            document.writeln(v);  

        } 
        alert(dict["口"]); //输出 kou; 因为dict数组对象是用"人","口","手"来做key的,所以这里是根据“口”这个key来取得value“kou” 
        //数组还有一个简化的方式来声明  

        //【普通数组的简化声明形式】  

        var str = [1, 2, 3, 4, 5, 6, 7, 8, 9]; // 这种数组可以看做是 dict["人"] = "ren";的特例,也就是key为 0,1,2,3.......key为0的时候value为1  

        for (var i = 0; i < str.length; i++) {  

            alert(str[i]);  //输出 1,2, 3, 4, 5, 6, 7, 8, 9  

        }  

  

        //【字典风格的数组简化声明形式】  

        var str = { "tom": 30, "jim": 28, "二狗子": 16 };  

  

        for (var v in str) {  

            alert(v);  //输出tom ,jim, 二狗子  

        }  

  

        /*  

        for (var i = 0; i < str.length; i++) { //注意key不为数字的字典风格的数组不能用这个for循环的形式来遍历。因为str[i],其中这个i是一个索引,是数字  

        alert(str[i]);  

        }*/  

    </script>  

</head>  

<body>  

  

</body>  

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jquery.validate使用攻略 第三部
Jul 01 Javascript
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
Jul 29 Javascript
jQuery中:contains选择器用法实例
Dec 30 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
Nov 17 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
Jun 12 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
Sep 25 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
Jan 04 Javascript
通过一次报错详细谈谈Point事件
May 17 Javascript
解决bootstrap-select 动态加载数据不显示的问题
Aug 10 Javascript
详解vue中axios的使用与封装
Mar 20 Javascript
springboot+vue实现文件上传下载
Nov 17 Vue.js
html的DOM中document对象anchors集合用法实例
Jan 21 #Javascript
javascript 获取浏览器版本
Jan 21 #Javascript
javascript 实现 原路返回
Jan 21 #Javascript
html的DOM中document对象forms集合用法实例
Jan 21 #Javascript
浅谈javascript 函数内部属性
Jan 21 #Javascript
浅谈javascript 函数属性和方法
Jan 21 #Javascript
html的DOM中document对象images集合用法实例
Jan 21 #Javascript
You might like
PHP 函数call_user_func和call_user_func_array用法详解
2014/03/02 PHP
ThinkPHP验证码使用简明教程
2014/03/05 PHP
基于php实现的php代码加密解密类完整实例
2016/10/12 PHP
jQuery用unbind方法去掉hover事件及其他方法介绍
2013/03/18 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
JavaScript正则表达式的分组匹配详解
2016/02/13 Javascript
如何利用JQuery实现从底部回到顶部的功能
2016/12/27 Javascript
JavaScript中值类型和引用类型的区别
2017/02/23 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
2017/06/01 Javascript
vue2.0在table中实现全选和反选的示例代码
2017/11/04 Javascript
JS实现访问DOM对象指定节点的方法示例
2018/04/04 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
2018/04/19 Javascript
vue中Axios的封装与API接口的管理详解
2018/08/09 Javascript
JavaScript实现随机点名器实例详解
2019/05/07 Javascript
jquery 遍历hash操作示例【基于ajax交互】
2019/10/12 jQuery
小程序实现列表倒计时功能
2021/01/29 Javascript
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
跟老齐学Python之使用Python操作数据库(1)
2014/11/25 Python
Django添加favicon.ico图标的示例代码
2018/08/07 Python
浅析python继承与多重继承
2018/09/13 Python
python使用paramiko模块通过ssh2协议对交换机进行配置的方法
2019/07/25 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
如何通过python检查文件是否被占用
2020/12/18 Python
意大利在线高尔夫商店:Online Golf
2021/03/09 全球购物
爱情检讨书大全
2014/01/21 职场文书
股东授权委托书范本
2014/09/13 职场文书
安全保证书格式
2015/02/28 职场文书
贪污检举信范文
2015/03/02 职场文书
党支部创先争优公开承诺书
2015/04/30 职场文书
法律意见书范文
2015/05/20 职场文书
2015年财务个人工作总结范文
2015/05/22 职场文书
八年级英语教学反思
2016/02/15 职场文书
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server
Python3的进程和线程你了解吗
2022/03/16 Python
MySQL数据库配置信息查看与修改方法详解
2022/06/25 MySQL