详解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重建星际争霸
Dec 22 Javascript
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
for 循环性能比较 提高for循环的效率
Mar 19 Javascript
js 函数的副作用分析
Aug 23 Javascript
range 标准化之获取
Aug 28 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
Aug 26 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
JQuery鼠标移到小图显示大图效果的方法
Jun 10 Javascript
js正则表达式中exec用法实例
Jul 23 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Sep 29 Javascript
js评分组件使用详解
Jun 06 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
Sep 11 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取得一个类的属性和方法的实现代码
2011/05/22 PHP
php函数的常用方法及注意之处小结
2011/07/10 PHP
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
js对象数组按属性快速排序
2011/01/31 Javascript
jQuery实现长文字部分显示代码
2013/05/13 Javascript
js函数定时器实现定时读取系统实时连接数
2014/04/30 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
2015/04/15 Javascript
微信小程序 加载 app-service.js 错误解决方法
2016/10/12 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
ES6中Array.includes()函数的用法
2017/09/20 Javascript
基于JavaScript中标识符的命名规则介绍
2018/01/06 Javascript
Vue中对比scoped css和css module的区别
2018/05/17 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
[02:58]献给西雅图的情书_高清
2014/05/29 DOTA
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
python制作一个桌面便签软件
2015/08/09 Python
Python 中的with关键字使用详解
2016/09/11 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
Python 下载及安装详细步骤
2019/11/04 Python
详解CSS3中的box-sizing(content-box与border-box)
2019/04/19 HTML / CSS
ECCO英国官网:丹麦鞋履品牌
2019/09/03 全球购物
初一生物教学反思
2014/01/18 职场文书
2014年单位植树节活动方案
2014/03/23 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
詹天佑教学反思
2014/04/30 职场文书
关于护士节的演讲稿
2014/05/26 职场文书
综治工作心得体会
2014/09/11 职场文书
2014年房地产工作总结范文
2014/11/19 职场文书
酒店员工管理制度
2015/08/05 职场文书
辅导员学期工作总结
2015/08/14 职场文书
运动会广播稿200字
2015/08/19 职场文书
寒假致家长的一封信
2015/10/10 职场文书
MySQL开启事务的方式
2021/06/26 MySQL
MySQL系列之三 基础篇
2021/07/02 MySQL