详解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 相关文章推荐
游戏人文件夹程序 ver 3.0
Jul 14 Javascript
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 Javascript
jquery $.ajax入门应用二
Nov 19 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
Mongoose实现虚拟字段查询的方法详解
Aug 15 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
Aug 06 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
Feb 10 Javascript
详解微信小程序之一键复制到剪切板
Apr 24 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 Javascript
vue 路由守卫(导航守卫)及其具体使用
Feb 25 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
实用函数4
2007/11/08 PHP
php date与gmdate的获取日期的区别
2010/02/08 PHP
php数组函数序列之rsort() - 对数组的元素值进行降序排序
2011/11/02 PHP
深入解析php之apc
2013/05/15 PHP
php另类上传图片的方法(PHP用Socket上传图片)
2013/10/30 PHP
smarty模板引擎从配置文件中获取数据的方法
2015/01/22 PHP
php与Mysql的一些简单的操作
2015/02/26 PHP
用js小类库获取浏览器的高度和宽度信息
2012/01/15 Javascript
JS实现FLASH幻灯片图片切换效果的方法
2015/03/04 Javascript
js实现网页抽奖实例
2015/08/05 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
2016/07/05 Javascript
Javascript将JSON日期格式化
2016/08/23 Javascript
深入理解vue.js双向绑定的实现原理
2016/12/05 Javascript
深入学习Bootstrap表单
2016/12/13 Javascript
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
2017/05/24 jQuery
vue权限管理系统的实现代码
2019/01/17 Javascript
vant实现购物车功能
2020/06/29 Javascript
[12:21]VICI vs TNC (BO3)
2018/06/07 DOTA
Python使用shelve模块实现简单数据存储的方法
2015/05/20 Python
Python的Django框架中settings文件的部署建议
2015/05/30 Python
代码分析Python地图坐标转换
2018/02/08 Python
python实现动态创建类的方法分析
2019/06/25 Python
Python csv模块使用方法代码实例
2019/08/29 Python
python json.dumps中文乱码问题解决
2020/04/01 Python
python爬取网易云音乐热歌榜实例代码
2020/08/07 Python
python3.5的包存放的具体路径
2020/08/16 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
美国零售商店:Blue&Cream
2017/04/07 全球购物
美国快时尚彩妆品牌:Winky Lux(透明花瓣润唇膏)
2018/11/06 全球购物
吉列剃须刀英国官网:Gillette英国
2019/03/28 全球购物
一百多行代码实现react拖拽hooks
2021/03/23 Javascript
应届生自我鉴定
2013/12/11 职场文书
大学生职业规划书的范本
2014/02/18 职场文书
亚布力滑雪场导游词
2015/02/09 职场文书
小学端午节活动总结
2015/02/11 职场文书