详解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 相关文章推荐
JavaScript 学习笔记一些小技巧
Mar 28 Javascript
filters.revealTrans.Transition使用方法小结
Aug 19 Javascript
javascript 全选与全取消功能的实现代码
Dec 23 Javascript
文本框回车提交与禁止提交示例
Sep 27 Javascript
jQuery基于图层模仿五星星评价功能的方法
May 07 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
Aug 18 Javascript
详解vue嵌套路由-query传递参数
May 23 Javascript
详谈表单重复提交的三种情况及解决方法
Aug 16 Javascript
vue在手机中通过本机IP地址访问webApp的方法
Aug 15 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
Mar 07 Javascript
Vue循环中多个input绑定指定v-model实例
Aug 31 Javascript
详解Vue的sync修饰符
May 15 Vue.js
向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变量修饰符static的使用
2013/06/28 PHP
PHP的cURL库简介及使用示例
2015/02/06 PHP
javascript 写类方式之八
2009/07/05 Javascript
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
2010/10/17 Javascript
如何判断元素是否为HTMLElement元素
2013/12/06 Javascript
使用百度地图api实现根据地址查询经纬度
2014/12/11 Javascript
简介JavaScript中的italics()方法的使用
2015/06/08 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
AngularJs 60分钟入门基础教程
2016/04/03 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
2016/11/22 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
Vue路由跳转问题记录详解
2017/06/15 Javascript
vue+vux实现移动端文件上传样式
2017/07/28 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
2018/04/18 jQuery
JQuery判断radio单选框是否选中并获取值的方法
2019/01/17 jQuery
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
vue项目中使用bpmn-自定义platter的示例代码
2020/05/11 Javascript
python matplotlib坐标轴设置的方法
2017/12/05 Python
python 查找文件名包含指定字符串的方法
2018/06/05 Python
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
Python从函数参数类型引出元组实例分析
2019/05/28 Python
远程部署工具Fabric详解(支持Python3)
2019/07/04 Python
对Python3中列表乘以某一个数的示例详解
2019/07/20 Python
django 配置阿里云OSS存储media文件的例子
2019/08/20 Python
Pandas时间序列:时期(period)及其算术运算详解
2020/02/25 Python
Python基于yield遍历多个可迭代对象
2020/03/12 Python
python中的socket实现ftp客户端和服务器收发文件及md5加密文件
2020/04/01 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
HTML5中drawImage用法分析
2014/12/01 HTML / CSS
高一生物教学反思
2014/01/17 职场文书
2014自主招生自荐信策略
2014/01/27 职场文书
医院护士见习期自我鉴定
2014/04/10 职场文书
教师党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
辅导员学期工作总结
2015/08/14 职场文书
动画《朋友游戏》公开佐藤友生绘制的开播纪念绘
2022/04/06 日漫