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代码的N条建议
Oct 12 Javascript
基于JavaScript实现瀑布流布局(二)
Jan 26 Javascript
JavaScript闭包实例详解
Jun 03 Javascript
利用jquery实现实时更新歌词的方法
Jan 06 Javascript
jQuery加载及解析XML文件的方法实例分析
Jan 22 Javascript
BootStrap实现带关闭按钮功能
Feb 15 Javascript
js模态对话框使用方法详解
Feb 16 Javascript
帝国cms首页列表页实现点赞功能
Oct 30 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
Feb 11 Javascript
vue+iview动态渲染表格详解
Mar 19 Javascript
微信小程序 确认框的实现(附代码)
Jul 23 Javascript
Vue父组件向子组件传值以及data和props的区别详解
Mar 02 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/03/27 PHP
PHP实现单例模式最安全的做法
2014/06/13 PHP
PHP常用技巧汇总
2016/03/04 PHP
php 基础函数
2017/02/10 PHP
YII框架页面缓存操作示例
2019/04/29 PHP
js模拟弹出效果代码修正版
2008/08/07 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
jQuery之过滤元素操作小结
2013/11/30 Javascript
浅谈jQuery构造函数分析
2015/05/11 Javascript
JavaScript数据库TaffyDB用法实例分析
2015/07/27 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
JavaScript中的ParseInt(&quot;08&quot;)和“09”返回0的原因分析及解决办法
2016/05/19 Javascript
jquery点击展示与隐藏更多内容
2016/12/03 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
2017/04/13 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
一个因@click.stop引发的bug的解决
2019/01/08 Javascript
jquery实现垂直手风琴导航栏
2020/02/18 jQuery
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python登录QQ邮箱发信的实现代码
2013/02/10 Python
Python pass 语句使用示例
2014/03/11 Python
python生成随机验证码(中文验证码)示例
2014/04/03 Python
django项目运行因中文而乱码报错的几种情况解决
2017/11/07 Python
python负载均衡的简单实现方法
2018/02/04 Python
基于python实现简单日历
2018/07/28 Python
TensorFlow实现模型评估
2018/09/07 Python
python如何绘制疫情图
2020/09/16 Python
Docker如何部署Python项目的实现详解
2020/10/26 Python
CSS3教程:新增加的结构伪类
2009/04/02 HTML / CSS
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
Luxplus丹麦:香水和个人护理折扣
2018/04/23 全球购物
英国著名书店:Foyles
2018/12/01 全球购物
Amara德国:家居饰品、设计师品牌和豪华礼品
2019/05/20 全球购物
介绍一下Java的事务处理
2012/12/07 面试题
教师先进工作者事迹材料
2014/05/01 职场文书
2016年党建工作简报
2015/11/26 职场文书