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简单的轮播的图片滚动实例
Jun 17 Javascript
jquery设置元素的readonly和disabled的写法
Sep 22 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
May 02 Javascript
使用javascript提交form表单方法汇总
Jun 25 Javascript
JavaScript 七大技巧(一)
Dec 13 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
Oct 27 Javascript
easyui tree带checkbox实现单选的简单实例
Nov 07 Javascript
简述pm2常用命令集合及配置文件说明
May 30 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
Apr 07 Javascript
js+canvas实现五子棋小游戏
Aug 02 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
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
不用iconv库的gb2312与utf-8的互换函数
2006/10/09 PHP
PHP 中英文混合排版中处理字符串常用的函数
2007/04/12 PHP
PHP 图片文件上传实现代码
2010/12/29 PHP
分享常见的几种页面静态化的方法
2015/01/08 PHP
CodeIgniter自定义控制器MY_Controller用法分析
2016/01/20 PHP
PHP中error_reporting函数用法详细介绍
2017/06/11 PHP
jquery操作select option 的代码小结
2011/06/21 Javascript
javascript作用域容易记错的两个地方分析
2012/06/22 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
jQuery使用$.ajax提交表单完整实例
2015/12/11 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
浅谈jquery高级方法描述与应用
2016/10/04 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
2017/01/04 Javascript
关于foreach循环中遇到的问题小结
2017/05/08 Javascript
用JS实现简单的登录验证功能
2017/07/28 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
2017/08/31 Javascript
AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
2017/10/26 Javascript
JavaScript学习教程之cookie与webstorage
2019/06/23 Javascript
python中常用的各种数据库操作模块和连接实例
2014/05/29 Python
Python输出各行命令详解
2018/02/01 Python
利用pandas进行大文件计数处理的方法
2018/07/25 Python
python 画二维、三维点之间的线段实现方法
2019/07/07 Python
Python队列、进程间通信、线程案例
2019/10/25 Python
python打印异常信息的两种实现方式
2019/12/24 Python
python中安装django模块的方法
2020/03/12 Python
Keras使用ImageNet上预训练的模型方式
2020/05/23 Python
Python xpath表达式如何实现数据处理
2020/06/13 Python
美国在线打印网站:Overnight Prints
2018/10/11 全球购物
主管职责范文
2013/11/09 职场文书
模特职业生涯规划范文
2014/02/26 职场文书
2014年社区学雷锋活动总结
2014/03/09 职场文书
2014年评职称工作总结
2014/11/20 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
一篇文章学会Vue中间件管道
2021/06/20 Vue.js
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏