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 相关文章推荐
javascript 在网页中的运用(asp.net)
Nov 23 Javascript
IE本地存储userdata的一个bug说明
Jul 01 Javascript
潜说js对象和数组
May 25 Javascript
使用jquery实现div的tab切换实例代码
May 27 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
Aug 15 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
Aug 18 Javascript
关于JS变量和作用域详解
Jul 28 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
微信小程序 密码输入(源码下载)
Jun 27 Javascript
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
Aug 20 Javascript
浅谈Webpack核心模块tapable解析
Sep 11 Javascript
在vue中实现嵌套页面(iframe)
Jul 30 Javascript
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
Zend Studio (eclipse)使用速度优化方法
2011/03/23 PHP
php各种编码集详解和以及在什么情况下进行使用
2011/09/11 PHP
使用CodeIgniter的类库做图片上传
2014/06/12 PHP
php获取远程文件大小
2015/10/20 PHP
VSCode+PHPstudy配置PHP开发环境的步骤详解
2020/08/20 PHP
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
JavaScript中的稀疏数组与密集数组[译]
2012/09/17 Javascript
基于JQuery 选择器使用说明介绍
2013/04/18 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
2015/09/01 Javascript
JQuery自适应窗口大小导航菜单附源码下载
2015/09/01 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
基于jquery实现全屏滚动效果
2015/11/26 Javascript
JS百度地图搜索悬浮窗功能
2017/01/12 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
2017/06/13 Javascript
React 条件渲染最佳实践小结(7种)
2020/09/27 Javascript
[49:43]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python正则表达式re模块详解
2014/06/25 Python
Python描述器descriptor详解
2015/02/03 Python
python实现linux下使用xcopy的方法
2015/06/28 Python
python实现微信接口(itchat)详细介绍
2017/10/23 Python
Win10下python 2.7与python 3.7双环境安装教程图解
2019/10/12 Python
python简单的三元一次方程求解实例
2020/04/02 Python
如何在python中判断变量的类型
2020/07/29 Python
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
建筑行业的大学生自我评价
2013/12/08 职场文书
社区消防工作实施方案
2014/03/21 职场文书
师德模范事迹材料
2014/06/03 职场文书
学校食堂食品安全责任书
2014/07/28 职场文书
2014年十一国庆节爱国演讲稿
2014/09/23 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书
详解Nginx启动失败的几种错误处理
2021/04/01 Servers
MYSQL数据库使用UTF-8中文编码乱码的解决办法
2021/05/26 MySQL
如何在Python项目中引入日志
2021/05/31 Python
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电
Redis过期数据是否会被立马删除
2022/07/23 Redis