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 相关文章推荐
js实现的常用的左侧导航效果
Oct 17 Javascript
javascript中通过arguments参数伪装方法重载
Oct 08 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
Feb 25 Javascript
js将滚动条滚动到指定位置的简单实现方法
Jun 25 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
Sep 09 Javascript
jQuery实现边框动态效果的实例代码
Sep 23 Javascript
Bootstrap在线电子商务网站实战项目5
Oct 14 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
JS复杂判断的更优雅写法代码详解
Nov 07 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
vue父组件触发事件改变子组件的值的方法实例详解
May 07 Javascript
一百多行代码实现react拖拽hooks
Mar 23 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 DOMElement 操作xml 文档的实现代码
2013/05/10 PHP
php读取目录及子目录下所有文件名的方法
2014/10/20 PHP
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
Javascript学习笔记4 Eval函数
2010/01/11 Javascript
Jquery插件 easyUI属性汇总
2011/01/19 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
2011/10/24 Javascript
表单验证插件Validation应用的实例讲解
2015/10/10 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
2015/12/30 Javascript
javascript之IE版本检测超简单方法
2016/08/20 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
基于vue展开收起动画的示例代码
2018/07/05 Javascript
老生常谈JS中的继承及实现代码
2018/07/06 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
2018/09/07 Javascript
浅谈vue3中effect与computed的亲密关系
2019/10/10 Javascript
vue把输入框的内容添加到页面的实例讲解
2019/11/11 Javascript
原生JS利用transform实现banner的无限滚动示例代码
2020/06/15 Javascript
在Python下尝试多线程编程
2015/04/28 Python
Python的时间模块datetime详解
2017/04/17 Python
用pyqt5 给按钮设置图标和css样式的方法
2019/06/24 Python
Win10 安装PyCharm2019.1.1(图文教程)
2019/09/29 Python
解决Jupyter Notebook使用parser.parse_args出现错误问题
2020/04/20 Python
深入理解css中vertical-align属性
2017/04/18 HTML / CSS
css3针对移动端卡顿问题的解决(动画性能优化)
2020/02/14 HTML / CSS
柯基袜:Corgi Socks
2017/01/26 全球购物
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
Sephora丝芙兰印尼官方网站:购买化妆品和护肤品
2018/07/02 全球购物
Solaris操作系统的线程机制
2015/07/28 面试题
全民健身日活动方案
2014/01/29 职场文书
花店创业计划书范文
2014/02/07 职场文书
小学生作文评语
2014/04/18 职场文书
活动宣传策划方案
2014/05/23 职场文书
社区创先争优承诺书
2014/08/30 职场文书
会议邀请函
2015/01/30 职场文书
写一个Python脚本下载哔哩哔哩舞蹈区的所有视频
2021/05/31 Python
SQL Server数据库基本概念、组成、常用对象与约束
2022/03/20 SQL Server
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL