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 DOM 学习第七章 表单的扩展
Feb 19 Javascript
ie浏览器使用js导出网页到excel并打印
Mar 11 Javascript
当某个文本框成为焦点时即清除文本框内容
Apr 28 Javascript
JavaScript不刷新实现浏览器的前进后退功能
Nov 05 Javascript
微信小程序 保留小数(toFixed)详细介绍
Nov 16 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
Jan 13 Javascript
纯js模仿windows系统日历
Feb 04 Javascript
原生JS仿QQ阅读点击展开、收起效果
Mar 08 Javascript
angularJs的ng-class切换class
Jun 23 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
Sep 06 Javascript
JavaScript判断浏览器运行环境的详细方法
Jun 30 Javascript
JS事件循环机制event loop宏任务微任务原理解析
Aug 04 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
基于PHP实现等比压缩图片大小
2016/03/04 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
分析 JavaScript 中令人困惑的变量赋值
2007/08/13 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
2014/06/30 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
javascript跨域的方法汇总
2015/10/23 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
npm配置国内镜像资源+淘宝镜像的方法
2018/09/07 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
JavaScript 反射和属性赋值实例解析
2019/10/28 Javascript
[52:52]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第三局
2016/02/27 DOTA
python控制台中实现进度条功能
2015/11/10 Python
Python 专题四 文件基础知识
2017/03/20 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
django中瀑布流写法实例代码
2019/10/14 Python
Pandas-Cookbook 时间戳处理方式
2019/12/07 Python
Python面向对象之私有属性和私有方法应用案例分析
2019/12/31 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
如何基于pythonnet调用halcon脚本
2020/01/20 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
你不知道的5个HTML5新功能
2016/06/28 HTML / CSS
中专毕业个人的自荐信格式
2013/09/21 职场文书
皮肤科医师岗位职责
2013/12/04 职场文书
《我的伯父鲁迅先生》教学反思
2014/02/12 职场文书
母亲节感恩寄语
2014/02/21 职场文书
留学生求职信
2014/06/03 职场文书
校园文化标语
2014/06/18 职场文书
三方股东合作协议书范本
2014/09/28 职场文书
党员民主生活会材料
2014/12/15 职场文书
帝企鹅日记观后感
2015/06/10 职场文书
领导新年致辞2016
2015/07/29 职场文书
请假条应该怎么写?
2019/06/24 职场文书
Vue项目中如何封装axios(统一管理http请求)
2021/05/02 Vue.js
Python打包为exe详细教程
2021/05/18 Python