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 相关文章推荐
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 Javascript
jquery js 重置表单 reset()具体实现代码
Aug 05 Javascript
jquery中交替点击事件toggle方法的使用示例
Dec 08 Javascript
js图片模糊切换显示特效的方法
Feb 17 Javascript
js实现精确到毫秒的倒计时效果
Aug 05 Javascript
详解react-webpack2-热模块替换[HMR]
Aug 03 Javascript
AngularJS日程表案例详解
Aug 15 Javascript
使用JavaScript生成罗马字符的实例代码
Jun 08 Javascript
React Native基础入门之调试React Native应用的一小步
Jul 02 Javascript
解决layui数据表格table的横向滚动条显示问题
Sep 04 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
Sep 24 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 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数据入库前清理 注意php intval与mysql的int取值范围不同
2010/12/12 PHP
php 记录进行累加并显示总时长为秒的结果
2011/11/04 PHP
PHP 5.5 创建和验证哈希最简单的方法详解
2013/11/07 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
php中遍历二维数组并以表格的形式输出的方法
2017/01/03 PHP
实例介绍PHP删除数组中的重复元素
2019/03/03 PHP
IE 下的只读 innerHTML
2009/08/21 Javascript
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
js实现目录定位正文示例
2013/11/14 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
2014/11/28 Javascript
node.js中的fs.truncateSync方法使用说明
2014/12/15 Javascript
js+canvas简单绘制圆圈的方法
2016/01/28 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
2016/12/26 Javascript
JavaScript中object和Object的区别(详解)
2017/02/27 Javascript
js实现拖拽功能
2017/03/01 Javascript
JS实现的RC4加密算法示例
2018/08/16 Javascript
单页面vue引入百度统计的使用方法示例详解
2018/10/13 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
2019/01/19 Javascript
JS实现手写 forEach算法示例
2020/04/29 Javascript
在vue中配置不同的代理同时访问不同的后台操作
2020/09/11 Javascript
[03:40]DOTA2英雄梦之声_第01期_炼金术士
2014/06/23 DOTA
极简的Python入门指引
2015/04/01 Python
教大家使用Python SqlAlchemy
2016/02/12 Python
Python随机生成身份证号码及校验功能
2018/12/04 Python
python中的Elasticsearch操作汇总
2019/10/30 Python
python中逻辑与或(and、or)和按位与或异或(&amp;、|、^)区别
2020/08/05 Python
canvas之万花筒效果的简单实现(推荐)
2016/08/16 HTML / CSS
全球知名旅游社区巴西站点:TripAdvisor巴西
2016/07/21 全球购物
企业金融服务方案
2014/06/03 职场文书
高中生毕业评语
2014/12/30 职场文书
出生公证书
2015/01/23 职场文书
2016年春季运动会广播稿
2015/08/19 职场文书
如何用python插入独创性声明
2021/03/31 Python
springboot临时文件存储目录配置方式
2021/07/01 Java/Android
Element实现动态表格的示例代码
2021/08/02 Javascript
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python