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操作select控件的几种方法
Jun 02 Javascript
javascript深入理解js闭包
Jul 03 Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
Oct 30 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
May 18 Javascript
通过命令行创建vue项目的方法
Jul 20 Javascript
ES6新特性:使用export和import实现模块化详解
Jul 31 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
详解webpack4多入口、多页面项目构建案例
May 25 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
使用Angular material主题定义自己的组件库的配色体系
Sep 04 Javascript
Vuex实现数据增加和删除功能
Nov 11 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
简介WordPress中用于获取首页和站点链接的PHP函数
2015/12/17 PHP
PHP实现根据密码长度显示安全条
2017/07/04 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
基于jQuery的Tab选项框效果代码(插件)
2011/03/01 Javascript
jquery 利用show和hidden实现级联菜单示例代码
2013/08/09 Javascript
javascript单例模式的简单实现方法
2015/07/25 Javascript
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
2015/08/03 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
JavaScript与jQuery实现的闪烁输入效果
2016/02/18 Javascript
iframe中使用jquery进行查找的方法【案例分析】
2016/06/17 Javascript
相册展示PhotoSwipe.js插件实现
2016/08/25 Javascript
原生js实现日期计算器功能
2017/02/17 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
小程序实现左右来回滚动字幕效果
2018/12/28 Javascript
Node.js系列之连接DB的方法(3)
2019/08/30 Javascript
vue 实现购物车总价计算
2019/11/06 Javascript
python实现求最长回文子串长度
2018/01/22 Python
Python将图片转换为字符画的方法
2020/06/16 Python
python多个模块py文件的数据共享实例
2019/01/11 Python
Pytorch实现的手写数字mnist识别功能完整示例
2019/12/13 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
JupyterNotebook 输出窗口的显示效果调整方法
2020/04/13 Python
python能做哪些生活有趣的事情
2020/09/09 Python
Django自定义YamlField实现过程解析
2020/11/11 Python
Django中ORM的基本使用教程
2020/12/22 Python
CSS3 animation ? steps 函数详解
2019/08/30 HTML / CSS
阿迪达斯印度官方商城:adidas India
2017/03/26 全球购物
哥德堡通行证:Gothenburg Pass
2019/12/09 全球购物
结婚周年感言
2014/02/24 职场文书
市场营销专业毕业生求职信
2014/03/26 职场文书
2014年党务公开方案
2014/05/08 职场文书
太行山上观后感
2015/06/05 职场文书
学习委员竞选稿
2015/11/20 职场文书
《学会生存》读后感3篇
2019/12/09 职场文书
nodejs利用readline提示输入内容实例代码
2021/07/15 NodeJs