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中使用ajax获取远程页面信息
Nov 13 Javascript
原生js与jQuery实现简单的tab切换特效对比
Jul 30 Javascript
基于JavaScript实现动态创建表格和增加表格行数
Dec 20 Javascript
js实现select二级联动下拉菜单
Apr 17 Javascript
js实现延迟加载的几种方法
Apr 24 Javascript
vue短信验证性能优化如何写入localstorage中
Apr 25 Javascript
Vue文件配置全局变量的实例
Sep 06 Javascript
对vue下点击事件传参和不传参的区别详解
Sep 15 Javascript
vue实现标签云效果的方法详解
Aug 28 Javascript
解决layui弹出层layer的area过大被遮挡的问题
Sep 21 Javascript
使用vue重构资讯页面的实例代码解析
Nov 26 Javascript
JS前端广告拦截实现原理解析
Feb 17 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 压缩文件夹的类代码
2009/11/05 PHP
php smarty函数扩展
2010/03/15 PHP
深入解析php之sphinx
2013/05/15 PHP
PHP中实现获取IP和地理位置类分享
2015/02/10 PHP
php计算两个文件相对路径的方法
2015/03/14 PHP
PHP网站建设的流程与步骤分享
2015/09/25 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
php显示页码分页类的封装
2017/06/08 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
javascript中onclick(this)用法介绍
2013/04/19 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
2016/05/17 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
AngularJS中的路由使用及实现代码
2017/10/09 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
2018/03/24 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
[37:02]OG vs INfamous 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
使用SAE部署Python运行环境的教程
2015/05/05 Python
Python简单定义与使用字典dict的方法示例
2017/07/25 Python
Python基于回溯法子集树模板解决找零问题示例
2017/09/11 Python
Python引用计数操作示例
2018/08/23 Python
Python内置数据类型list各方法的性能测试过程解析
2020/01/07 Python
python实现可下载音乐的音乐播放器
2020/02/25 Python
Expedia丹麦:全球领先的旅游网站
2018/03/18 全球购物
德国童装购物网站:NICKI´S.com
2018/04/20 全球购物
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
工商管理本科毕业生求职信范文
2013/10/05 职场文书
厨房工作人员岗位职责
2013/11/15 职场文书
招聘专员岗位职责
2014/03/07 职场文书
关于随地扔垃圾的检讨书
2014/09/30 职场文书
社保代办委托书怎么写
2014/10/06 职场文书
市委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
2016大一新生入学教育心得体会
2016/01/23 职场文书