详解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 树形递归实例代码
May 18 Javascript
JavaScript的类型简单说明
Sep 03 Javascript
使用Json比用string返回数据更友好,也更面向对象一些
Sep 13 Javascript
用jquery的方法制作一个简单的导航栏
Jun 23 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
Mar 22 Javascript
原生js的数组除重复简单实例
May 24 Javascript
Javascript中判断一个值是否为undefined的方法详解
Sep 28 Javascript
jQuery实现下拉菜单的实例代码
Jun 19 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
Vue.js中的组件系统
May 30 Javascript
javascript中call,apply,callee,caller用法实例分析
Jul 24 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
Dec 12 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生成EXCEL的东东
2006/10/09 PHP
php实现通用的信用卡验证类
2015/03/24 PHP
PHP中COOKIES使用示例
2015/07/26 PHP
PHP程序中使用adodb连接不同数据库的代码实例
2015/12/19 PHP
PDO::inTransaction讲解
2019/01/28 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
Laravel 模型使用软删除-左连接查询-表起别名示例
2019/10/24 PHP
IE与FireFox的JavaScript兼容问题解决办法
2013/12/31 Javascript
jquery统计输入文字的个数并对其进行判断
2014/01/07 Javascript
JS实现控制表格行文本对齐的方法
2015/03/30 Javascript
jquery可定制的在线UEditor编辑器
2015/11/17 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
Angular中$cacheFactory的作用和用法实例详解
2016/08/19 Javascript
JS实现间歇滚动的运动效果实例
2016/12/22 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
[01:32:50]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第一场 1月25日
2021/03/11 DOTA
跟老齐学Python之有点简约的元组
2014/09/24 Python
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
新手常见6种的python报错及解决方法
2018/03/09 Python
django多个APP的urls设置方法(views重复问题解决)
2019/07/19 Python
Python编程中类与类的关系详解
2019/08/08 Python
Python enumerate函数遍历数据对象组合过程解析
2019/12/11 Python
HTML5+CSS3实例 :canvas 模拟实现电子彩票刮刮乐代码
2016/12/30 HTML / CSS
巴西最大的在线约会网站:ParPerfeito
2018/07/11 全球购物
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
大专生工程监理求职信
2013/10/04 职场文书
人力资源部经理岗位职责规定
2014/02/23 职场文书
基层干部2014全国两会学习心得体会
2014/03/10 职场文书
党员群众路线自我剖析材料
2014/10/06 职场文书
小学端午节活动总结
2015/02/11 职场文书
心理健康教育主题班会
2015/08/13 职场文书
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs
react合成事件与原生事件的相关理解
2021/05/13 Javascript
HTML常用标签超详细整理
2022/03/19 HTML / CSS