详解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 相关文章推荐
修改发贴的编辑功能
Mar 07 Javascript
整理的比较全的event对像在ie与firefox浏览器中的区别
Nov 25 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
May 10 Javascript
angular实现IM聊天图片发送实例
May 08 Javascript
Vue 莹石摄像头直播视频实例代码
Aug 31 Javascript
vue实现记事本功能
Jun 26 Javascript
微信小程序后台持续定位功能使用详解
Aug 23 Javascript
vue实现select下拉显示隐藏功能
Sep 30 Javascript
JS数组属性去重并校验重复数据
Jan 10 Javascript
js布局实现单选按钮控件
Jan 17 Javascript
Openlayers实现图形绘制
Sep 28 Javascript
JavaScript实现alert弹框效果
Nov 19 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 INI配置文件的解析实现分析
2011/01/04 PHP
Laravel框架模板继承操作示例
2018/06/11 PHP
PHP面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
PHP与Web页面交互操作实例分析
2020/06/02 PHP
JqGrid web打印实现代码
2011/05/31 Javascript
js实现同一个页面多个渐变效果的方法
2015/04/10 Javascript
javascript日期处理函数,性能优化批处理
2015/09/06 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
2015/12/25 Javascript
vue的Virtual Dom实现snabbdom解密
2017/05/03 Javascript
详解用node编写自己的cli工具
2017/05/23 Javascript
jQuery实现的点击标题文字切换字体效果示例【测试可用】
2018/04/26 jQuery
nodejs使用async模块同步执行的方法
2019/03/02 NodeJs
vue在index.html中引入静态文件不生效问题及解决方法
2019/04/29 Javascript
vue框架制作购物车小球动画效果实例代码
2019/09/26 Javascript
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
Eclipse和PyDev搭建完美Python开发环境教程(Windows篇)
2016/11/16 Python
Python读取properties配置文件操作示例
2018/03/29 Python
详解PyCharm+QTDesigner+PyUIC使用教程
2019/06/13 Python
python数据库开发之MongoDB安装及Python3操作MongoDB数据库详细方法与实例
2020/03/18 Python
python中shell执行知识点
2020/05/06 Python
深入了解Python 变量作用域
2020/07/24 Python
全球知名旅游社区巴西站点:TripAdvisor巴西
2016/07/21 全球购物
巴西最大的玩具连锁店:Ri Happy
2020/06/17 全球购物
计算机求职自荐信范文
2014/04/19 职场文书
代理协议书
2014/04/22 职场文书
高考励志标语
2014/06/05 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
向国旗敬礼活动小结
2014/09/27 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
研究生论文答辩开场白
2015/05/27 职场文书
病假证明模板
2015/06/19 职场文书
2019运动会广播加油稿汇总
2019/08/21 职场文书
创业计划书之孕婴生活馆
2019/11/11 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript