详解JavaScript编程中的数组结构


Posted in Javascript onOctober 24, 2015

数组对象的作用是:使用单独的变量名来存储一系列的值。
创建数组, 为其赋值:
实例

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";

什么是数组?
数组对象是使用单独的变量名来存储一系列的值。
如果你有一组数据(例如:车名字),存在单独变量如下所示:

var car1="Saab";
var car2="Volvo";
var car3="BMW";

然而,如果你想从中找出某一辆车?并且不是3辆,而是300辆呢?这将不是一件容易的事!
最好的方法就是用数组。
数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。
数组中的每个元素都有自己的的ID,以便它可以很容易地被访问到。
创建一个数组
创建一个数组,有三种方法。
下面的代码定义了一个名为 myCars的数组对象:
1: 常规方式:

var myCars=new Array(); 
myCars[0]="Saab";    
myCars[1]="Volvo";
myCars[2]="BMW";

2: 简洁方式:

var myCars=new Array("Saab","Volvo","BMW");

3: 字面:

var myCars=["Saab","Volvo","BMW"];

访问数组
通过指定数组名以及索引号码,你可以访问某个特定的元素。
以下实例可以访问myCars数组的第一个值:

var name=myCars[0];

以下实例修改了数组 myCars 的第一个元素:

myCars[0]="Opel";

lamp [0] 是数组的第一个元素。[1] 是数组的第二个元素。

在一个数组中你可以有不同的对象
所有的JavaScript变量都是对象。数组元素是对象。函数是对象。
因此,你可以在数组中有不同的变量类型。
你可以在一个数组中包含对象元素、函数、数组:

myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;

数组方法和属性
使用数组对象预定义属性和方法:

var x=myCars.length       // the number of elements in myCars
var y=myCars.indexOf("Volvo")  // the index position of "Volvo"


创建新方法
原型是JavaScript全局构造函数。它可以构建新Javascript对象的属性和方法。
实例:创建一个新的方法。

Array.prototype.ucase=function()
{
 for (i=0;i<this.length;i++)
 {this[i]=this[i].toUpperCase();}
}

上面的例子创建了新的数组方法用于将数组小写字符转为大写字符。

Javascript 相关文章推荐
JS 图片缩放效果代码
Jun 09 Javascript
jquery struts 验证唯一标识(公用方法)
Mar 27 Javascript
js实现图片和链接文字同步切换特效的方法
Feb 20 Javascript
JavaScript获取元素尺寸和大小操作总结
Feb 27 Javascript
js滑动提示效果代码分享
Mar 10 Javascript
jQuery根据表单name获取值的方法
May 24 Javascript
详解js静态检查工具eslint配置文件
Nov 23 Javascript
JS基于ES6新特性async await进行异步处理操作示例
Feb 02 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
May 07 Javascript
JavaScript实现京东放大镜效果
Dec 03 Javascript
向JavaScript的数组中添加元素的方法小结
Oct 24 #Javascript
jQuery实现鼠标经过事件的延时处理效果
Aug 20 #Javascript
使用jquery动态加载Js文件和Css文件
Oct 24 #Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 #Javascript
使用javaScript动态加载Js文件和Css文件
Oct 24 #Javascript
js判断日期时间有效性的方法
Oct 24 #Javascript
JavaScript中日期的相关操作方法总结
Oct 24 #Javascript
You might like
ThinkPHP框架安全实现分析
2016/03/14 PHP
利用php_imagick实现复古效果的方法
2016/10/18 PHP
Laravel中的chunk组块结果集处理与注意问题
2018/08/15 PHP
PHP切割汉字的常用方法实例总结
2019/04/27 PHP
javascript URL锚点取值方法
2009/02/25 Javascript
JavaScript 设计模式 富有表现力的Javascript(一)
2010/05/26 Javascript
为jQuery增加join方法的实现代码
2010/11/28 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
js实现日期级联效果
2014/01/23 Javascript
javascript实现限制上传文件大小
2015/02/06 Javascript
JavaScript程序中的流程控制语句用法总结
2016/05/23 Javascript
BootStrap的Datepicker控件使用心得分享
2016/05/25 Javascript
详解js的事件代理(委托)
2016/12/22 Javascript
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
Vue瀑布流插件的使用示例
2018/09/19 Javascript
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
使用Python的urllib和urllib2模块制作爬虫的实例教程
2016/01/20 Python
基于python yield机制的异步操作同步化编程模型
2016/03/18 Python
Python三级目录展示的实现方法
2016/09/28 Python
Python+tkinter使用40行代码实现计算器功能
2018/01/30 Python
使用pandas实现csv/excel sheet互相转换的方法
2018/12/10 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
Python 实现两个服务器之间文件的上传方法
2019/02/13 Python
python实现录屏功能(亲测好用)
2020/03/02 Python
app内嵌H5 webview 本地缓存问题的解决
2020/10/19 HTML / CSS
为什么UNION ALL比UNION快
2016/03/17 面试题
个人思想理论学习的自我鉴定
2013/11/30 职场文书
小学班长竞选演讲稿
2014/04/24 职场文书
大学生考试作弊检讨书
2014/09/21 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
四风个人对照检查材料思想汇报(办公室通用版)
2014/10/07 职场文书
工作年限证明模板
2014/11/01 职场文书
党风廉政建设个人总结
2015/03/06 职场文书
工人先锋号事迹材料(2016精选版)
2016/03/01 职场文书
2019交通安全宣传标语集锦!
2019/06/28 职场文书
Win10鼠标轨迹怎么开 Win10显示鼠标轨迹方法
2022/04/06 数码科技