详解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 相关文章推荐
ExtJs3.0中Store添加 baseParams 的Bug
Mar 10 Javascript
JavaScript打开word文档的实现代码(c#)
Apr 16 Javascript
用jquery等比例控制图片宽高的具体实现
Jan 28 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
Jan 13 Javascript
jquery常用的12个小功能
Jul 22 Javascript
基于Vue框架vux组件库实现上拉刷新功能
Nov 28 Javascript
原生JS实现的双色球功能示例
Feb 02 Javascript
Koa2微信公众号开发之消息管理
May 16 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
JS操作json对象key、value的常用方法分析
Oct 29 Javascript
ES6 解构赋值的原理及运用
May 25 Javascript
react中的DOM操作实现
Jun 30 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
IIS下PHP连接数据库提示mysql undefined function mysql_connect()
2010/06/04 PHP
PHP小技巧之函数重载
2014/06/02 PHP
PHP批量查询WordPress留言者E-mail地址实现方法
2015/02/15 PHP
PHP使用curl制作简易百度搜索
2016/11/03 PHP
PHP设计模式之委托模式定义与用法简单示例
2018/08/13 PHP
JQuery读取XML文件数据并显示的实现代码
2009/12/16 Javascript
javascript中的关于类型转换的性能优化
2010/12/14 Javascript
ASP中Sub和Function的区别说明
2020/08/30 Javascript
JS操作Cookies包括(读取添加与删除)
2012/12/26 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
javascript操纵OGNL标签示例代码
2014/06/16 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
微信小程序 自己制作小组件实例详解
2016/12/22 Javascript
在Js页面通过POST传递参数跳转到新页面详解
2017/08/25 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
Preload基础使用方法详解
2020/02/03 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
2020/10/31 Javascript
[01:33:25]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第一场 1月24日
2021/03/11 DOTA
Python入门之三角函数全解【收藏】
2017/11/08 Python
TensorFlow深度学习之卷积神经网络CNN
2018/03/09 Python
Python实现OpenCV的安装与使用示例
2018/03/30 Python
浅谈django orm 优化
2018/08/18 Python
实例分析python3实现并发访问水平切分表
2018/09/29 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
python爬取代理IP并进行有效的IP测试实现
2020/10/09 Python
安装不同版本的tensorflow与models方法实现
2021/02/20 Python
NFL墨西哥官方商店:Tienda NFL
2017/11/28 全球购物
小学捐书活动总结
2014/07/05 职场文书
劳动纠纷调解协议书格式
2014/11/30 职场文书
警告通知
2015/04/25 职场文书
2015年民兵整组工作总结
2015/07/24 职场文书
小学生运动会广播
2015/08/19 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
Python多线程实用方法以及共享变量资源竞争问题
2022/04/12 Python