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 相关文章推荐
jQuery中ajax和post处理json的不同示例对比
Nov 02 Javascript
Javascript动画的实现原理浅析
Mar 02 Javascript
使用coffeescript编写node.js项目的方法汇总
Aug 05 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
利用Vue.js指令实现全选功能
Sep 08 Javascript
ES6概念 Symbol toString()方法
Dec 25 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
Jan 10 Javascript
JavaScript实现经纬度转换成地址功能
Mar 28 Javascript
vue分类筛选filter方法简单实例
Mar 30 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
Vue2.0设置全局样式(less/sass和css)
Nov 18 Javascript
Angular2 自定义表单验证器的实现方法
Dec 14 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 管理系统程序中的后门
2009/08/05 PHP
PHP添加Xdebug扩展的方法
2014/02/12 PHP
深入浅出php socket编程
2015/05/13 PHP
iis6手工创建网站后无法运行php脚本的解决方法
2017/06/08 PHP
PHP7导出Excel报ERR_EMPTY_RESPONSE解决方法
2019/04/16 PHP
学习ExtJS Column布局
2009/10/08 Javascript
js下利用控制器载入对应脚本
2010/07/17 Javascript
jquery 学习之一 对象访问
2010/11/23 Javascript
javascript删除一个html元素节点的方法
2014/12/20 Javascript
Javascript核心读书有感之语言核心
2015/02/01 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
解决jQuery使用JSONP时产生的错误
2015/12/02 Javascript
Nodejs中的this详解
2016/03/26 NodeJs
浅谈toLowerCase和toLocaleLowerCase的区别
2016/08/15 Javascript
js实现表单及时验证功能 用户信息立即验证
2016/09/13 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
2017/01/13 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
2018/04/23 Javascript
基于Vue2x的图片预览插件的示例代码
2018/05/14 Javascript
在VUE中使用lodash的debounce和throttle操作
2020/11/09 Javascript
[43:26]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第二场 11.20
2020/11/23 DOTA
Python Mysql自动备份脚本
2008/07/14 Python
Java中重定向输出流实现用文件记录程序日志
2015/06/12 Python
python测试mysql写入性能完整实例
2018/01/18 Python
Python3.6.2调用ffmpeg的方法
2019/01/10 Python
python用opencv批量截取图像指定区域的方法
2019/01/24 Python
Python爬虫程序架构和运行流程原理解析
2020/03/09 Python
如何使用css3实现一个类在线直播的队列动画的示例代码
2020/06/17 HTML / CSS
耐克中国官方商城:Nike中国
2018/10/18 全球购物
计算机应用毕业生自荐信
2013/10/23 职场文书
大学自荐信
2013/12/12 职场文书
投标邀请书范文
2014/01/31 职场文书
植树节标语
2014/06/27 职场文书
商业企业管理专业求职信
2014/07/10 职场文书
教师病假条范文
2015/08/17 职场文书
JS 基本概念详细介绍
2021/10/16 Javascript
【海涛dota解说】海涛小满开黑4v5被破两路翻盘潮汐第一视角解说
2022/04/01 DOTA