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 相关文章推荐
自动检查并替换文本框内的字符
Jun 30 Javascript
总结AJAX相关JS代码片段和浏览器模型
Aug 15 Javascript
jQuery maxlength文本字数限制插件
Apr 16 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
Dec 06 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
Feb 19 Javascript
javascript中的作用域和闭包详解
Jan 13 Javascript
搭建Bootstrap离线文档的方法
Dec 02 Javascript
Bootstrap表单控件学习使用
Mar 07 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
Jan 08 Javascript
JS逻辑运算符短路操作实例分析
Jul 09 Javascript
vue实现移动端悬浮窗效果
Dec 01 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
dedecms中常见问题修改方法总结
2007/03/21 PHP
phpinfo 系统查看参数函数代码
2009/06/05 PHP
基于OpenCV的PHP图像人脸识别技术
2009/10/11 PHP
PHP调用Webservice实例代码
2011/07/29 PHP
ajax完美实现两个网页 分页功能的实例代码
2013/04/16 PHP
深入PHP数据加密详解
2013/06/18 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
PHP实现百度人脸识别
2019/05/06 PHP
php判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
javascript oop开发滑动(slide)菜单控件
2010/08/25 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
js实现完美兼容各大浏览器的人民币大小写相互转换
2015/10/29 Javascript
JS实现网页标题随机显示名人名言的方法
2015/11/03 Javascript
javascript跑马灯抽奖实例讲解
2020/04/17 Javascript
基于jquery实现轮播特效
2016/04/22 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
JavaScript制作简易计算器(不用eval)
2017/02/05 Javascript
angular-ngSanitize模块-$sanitize服务详解
2017/06/13 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
2018/09/15 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
2019/11/01 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
2020/05/18 Javascript
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
python中urllib模块用法实例详解
2014/11/19 Python
Python抓取百度查询结果的方法
2015/07/08 Python
Numpy array数据的增、删、改、查实例
2018/06/04 Python
Python实现朴素贝叶斯分类器的方法详解
2018/07/04 Python
Python实现最常见加密方式详解
2019/07/13 Python
Python高级特性 切片 迭代解析
2019/08/23 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
keras模型保存为tensorflow的二进制模型方式
2020/05/25 Python
tensorflow转换ckpt为savermodel模型的实现
2020/05/25 Python
Python爬虫HTPP请求方法有哪些
2020/06/03 Python
CSS3点击按钮实现背景渐变动画效果
2016/10/19 HTML / CSS
Coach澳大利亚官方网站:美国著名时尚奢侈品牌
2017/05/24 全球购物
食品委托检验协议书范本
2014/09/12 职场文书