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中对对层的控制
Dec 29 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 Javascript
Javascript和Java获取各种form表单信息的简单实例
Feb 14 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
jQuery调用ajax请求的常见方法汇总
Mar 24 Javascript
Window.Open打开窗体和if嵌套代码
Apr 15 Javascript
bootstrap输入框组代码分享
Jun 07 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
Nov 02 Javascript
Angular 4.0学习教程之架构详解
Sep 12 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
Sep 20 Javascript
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
微信公众号服务器验证Token步骤图解
Dec 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
php mysql数据库操作分页类
2008/06/04 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
JQuery的一些小应用收集
2010/03/27 Javascript
Array.prototype.concat不是通用方法反驳[译]
2012/09/20 Javascript
extjs两个tbar问题探讨
2013/08/08 Javascript
整理JavaScript创建对象的八种方法
2015/11/03 Javascript
javascript实现表单验证
2016/01/29 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
关于JavaScript语句后面的分号问题
2017/12/07 Javascript
ng-zorro-antd 入门初体验
2018/12/03 Javascript
layui实现三级导航菜单
2019/07/26 Javascript
Vue.js 无限滚动列表性能优化方案
2019/12/02 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
JavaScript 接口原理与用法实例详解
2020/05/12 Javascript
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
用python实现的去除win下文本文件头部BOM的代码
2013/02/10 Python
Python求导数的方法
2015/05/09 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
Django中的Model操作表的实现
2018/07/24 Python
python中copy()与deepcopy()的区别小结
2018/08/03 Python
python @classmethod 的使用场合详解
2019/08/23 Python
flask开启多线程的具体方法
2020/08/02 Python
selenium+headless chrome爬虫的实现示例
2021/01/08 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
非洲NO.1网上商店:Jumia肯尼亚
2016/08/18 全球购物
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
六年级学生评语
2014/04/22 职场文书
会议室标语
2014/06/21 职场文书
法院授权委托书范文
2014/08/02 职场文书
基层党员对照检查材料
2014/09/24 职场文书
2015年考研复习计划
2015/01/19 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书
企业宣传稿范文
2015/07/23 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
Pytorch 如何实现常用正则化
2021/05/27 Python
win11如何查看端口是否被占用? Win11查看端口是否占用的技巧
2022/04/05 数码科技