详解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 相关文章推荐
Exitjs获取DataView中图片文件名
Nov 26 Javascript
JavaScript 拾漏补遗
Dec 27 Javascript
基于Jquery的温度计动画效果
Jun 18 Javascript
基于jQuery的获得各种控件Value的方法
Nov 19 Javascript
javascript日期转换 时间戳转日期格式
Nov 05 Javascript
使用js正则控制input标签只允许输入的值
Jul 29 Javascript
JavaScript实现动态删除列表框值的方法
Aug 12 Javascript
将form表单通过ajax实现无刷新提交的简单实例
Oct 12 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
JS如何获取地址栏的参数实例讲解
Oct 06 Javascript
JavaScript常见继承模式实例小结
Jan 11 Javascript
JS如何生成动态列表
Sep 22 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
Sorting Array Values in PHP(数组排序)
2011/09/15 PHP
ie与session丢失(新窗口cookie丢失)实测及解决方案
2013/07/15 PHP
深入理解PHP中的global
2014/08/19 PHP
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
关于viewport,Ext.panel和Ext.form.panel的关系
2009/05/07 Javascript
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
2015/08/12 Javascript
在Ubuntu系统上安装Node.JS的教程
2015/10/15 Javascript
javascript从定义到执行 你不知道的那些事
2016/01/04 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
2016/03/18 Javascript
Vue.js每天必学之内部响应式原理探究
2016/09/07 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
2016/11/10 Javascript
基于Vue如何封装分页组件
2016/12/16 Javascript
基于js文件加载优化(详解)
2018/01/03 Javascript
详解webpack-dev-server的简单使用
2018/04/02 Javascript
jQuery实现ajax回调函数带入参数的方法示例
2018/06/26 jQuery
微信小程序使用字体图标的方法
2019/05/23 Javascript
vue实现百度语音合成的实例讲解
2019/10/14 Javascript
JS绘图Flot如何实现动态可刷新曲线图
2020/10/16 Javascript
[01:02:07]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python实现冒泡,插入,选择排序简单实例
2014/08/18 Python
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
21行Python代码实现拼写检查器
2016/01/25 Python
Python用Pillow(PIL)进行简单的图像操作方法
2017/07/07 Python
Python Pandas中根据列的值选取多行数据
2019/07/08 Python
python return逻辑判断表达式实现解析
2019/12/02 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
Python实现捕获异常发生的文件和具体行数
2020/04/25 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
python实现mask矩阵示例(根据列表所给元素)
2020/07/30 Python
英国行业制服供应商:Alexandra
2019/09/14 全球购物
幼儿园园长自我鉴定
2013/10/22 职场文书
保险公司年会主持词
2014/03/22 职场文书
对Golang中的FORM相关字段理解
2021/05/02 Golang
table不让td文字溢出操作方法
2022/12/24 HTML / CSS