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 闭包在封装函数时的简单分析
Nov 28 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
Apr 06 Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 Javascript
JavaScript调用客户端Java程序的方法
Jul 27 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
Sep 24 Javascript
基于js 本地存储(详解)
Aug 16 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
关于vue编译版本引入的问题的解决
Sep 17 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
如何用原生js写一个弹窗消息提醒插件
May 24 Javascript
微信小程序中为什么使用var that=this
Aug 27 Javascript
Vue的生命周期一起来看看
Feb 24 Vue.js
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生成带有雪花背景的验证码
2008/09/28 PHP
php标签云的实现代码
2012/10/10 PHP
php输出xml属性的方法
2015/03/19 PHP
大家在抢红包,程序员在研究红包算法
2015/08/31 PHP
基于命令行执行带参数的php脚本并取得参数的方法
2016/01/25 PHP
PHP利用imagick生成组合缩略图
2016/02/19 PHP
注释PHP和html混合代码的小技巧(分享)
2016/11/03 PHP
PHP实现二维数组中的查找算法小结
2018/06/09 PHP
PHP array_reverse() 函数原理及实例解析
2020/07/14 PHP
javascript 24小时弹出一次的代码(利用cookies)
2009/09/03 Javascript
js、jquery图片动画、动态切换示例代码
2014/06/03 Javascript
javascript关于继承的用法汇总
2014/12/20 Javascript
js不间断滚动的简单实现
2016/06/03 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
Javascript 实现全屏滚动实例代码
2016/12/31 Javascript
Web纯前端“旭日图”实现元素周期表
2017/03/10 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
2017/09/07 Javascript
vue中的watch监听数据变化及watch中各属性的详解
2018/09/11 Javascript
基于JS实现web端录音与播放功能
2019/04/17 Javascript
Node.js API详解之 dgram模块用法实例分析
2020/06/05 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
跟老齐学Python之做一个小游戏
2014/09/28 Python
利用 Monkey 命令操作屏幕快速滑动
2016/12/07 Python
python实现单向链表详解
2018/02/08 Python
浅析python参数的知识点
2018/12/10 Python
Python单元测试unittest的具体使用示例
2018/12/17 Python
Python内置数据类型list各方法的性能测试过程解析
2020/01/07 Python
python中图像通道分离与合并实例
2020/01/17 Python
基于FME使用Python过程图解
2020/05/13 Python
HTML5地理定位与第三方工具百度地图的应用
2016/11/17 HTML / CSS
BookOutlet加拿大:在网上书店购买廉价折扣图书和小说
2018/10/05 全球购物
药学专业个人的自我评价
2013/12/31 职场文书
《藤野先生》教学反思
2014/02/19 职场文书
初中生思想道德自我评价
2015/03/09 职场文书
中秋节晚会开场白
2015/05/29 职场文书
《雷雨》教学反思
2016/02/20 职场文书