详解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 相关文章推荐
JQuery中getJSON的使用方法
Dec 13 Javascript
什么是cookie?js手动创建和存储cookie
May 27 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
Sep 14 Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 Javascript
Jquery-data的三种用法
Apr 18 jQuery
jquery 键盘事件的使用方法详解
Sep 13 jQuery
Vue+Vux项目实践完整代码
Nov 30 Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
Feb 23 Javascript
Vue 刷新当前路由的实现代码
Sep 26 Javascript
Vue v-for循环之@click点击事件获取元素示例
Nov 09 Javascript
微信小程序实现下拉加载更多商品
Dec 29 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
防止用户利用PHP代码DOS造成用光网络带宽
2011/03/01 PHP
PHP数组排序之sort、asort与ksort用法实例
2014/09/08 PHP
php解决约瑟夫环算法实例分析
2019/09/30 PHP
(仅IE下有效)关于checkbox 三态
2007/05/12 Javascript
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
2009/04/24 Javascript
javascript中有趣的反柯里化深入分析
2012/12/05 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
给文字加上着重号的JS代码
2013/11/12 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
2013/12/31 Javascript
js实现jquery的offset()方法实例
2015/01/10 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
2015/05/11 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
Jquery效果大全之制作电脑健康体检得分特效附源码下载
2015/11/02 Javascript
Node.js的Web模板引擎ejs的入门使用教程
2016/06/06 Javascript
JS实现拖动滚动条评分的效果代码分享
2016/09/29 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
2016/10/24 Javascript
基于JS对象创建常用方式及原理分析
2017/06/28 Javascript
vue elementUI tree树形控件获取父节点ID的实例
2018/09/12 Javascript
微信小程序点击滚动到指定位置的实现
2020/05/22 Javascript
Python使用xlrd模块操作Excel数据导入的方法
2015/05/26 Python
python基础教程项目五之虚拟茶话会
2018/04/02 Python
opencv python 2D直方图的示例代码
2018/07/20 Python
Python3获取电脑IP、主机名、Mac地址的方法示例
2019/04/11 Python
python中metaclass原理与用法详解
2019/06/25 Python
Python自动生成代码 使用tkinter图形化操作并生成代码框架
2019/09/18 Python
Python之多进程与多线程的使用
2021/02/23 Python
Herve Leger官网:标志性绷带连衣裙等
2018/12/26 全球购物
护理专业优质毕业生自荐书
2014/01/31 职场文书
机关门卫的岗位职责
2014/04/29 职场文书
计算机求职信
2014/07/02 职场文书
教师查摆问题自查报告
2014/10/11 职场文书
学校政风行风评议工作总结
2014/10/21 职场文书
五好文明家庭事迹材料
2014/12/20 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书