详解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验证IP,子网掩码,网关和MAC的方法
Jul 02 Javascript
javascript类型系统 Array对象学习笔记
Jan 09 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 Javascript
JS实现的相册图片左右滚动完整实例
Nov 23 Javascript
bootstrap vue.js实现tab效果
Feb 07 Javascript
jq给页面添加覆盖层遮罩的实例
Feb 16 Javascript
浅谈js中function的参数默认值
Feb 20 Javascript
js制作简单的音乐播放器的示例代码
Aug 28 Javascript
react-native-fs实现文件下载、文本存储的示例代码
Sep 22 Javascript
vue移动端微信授权登录插件封装的实例
Aug 28 Javascript
mock.js模拟数据实现前后端分离
Jul 24 Javascript
教你如何用Node实现API的转发(某音乐)
Sep 20 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转成EXE文件
2006/10/09 PHP
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
php把字符串指定字符分割成数组的方法
2018/03/12 PHP
用js 让图片在 div或dl里 居中,底部对齐
2008/01/21 Javascript
javascript中call和apply方法浅谈
2013/09/27 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
JavaScript面向对象的实现方法小结
2015/04/14 Javascript
在JavaScript中使用开平方根的sqrt()方法
2015/06/15 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
微信小程序学习(4)-系统配置app.json详解
2017/01/12 Javascript
微信小程序开发图片拖拽实例详解
2017/05/05 Javascript
node.js将MongoDB数据同步到MySQL的步骤
2017/12/10 Javascript
Angular 作用域scope的具体使用
2017/12/11 Javascript
vue.js计算属性computed用法实例分析
2018/07/06 Javascript
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
vue使用微信JS-SDK实现分享功能
2019/08/23 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
2020/01/16 Javascript
如何使用Javascript中的this关键字
2020/05/28 Javascript
vue页面跳转实现页面缓存操作
2020/07/22 Javascript
vue-router 2.0 跳转之router.push()用法说明
2020/08/12 Javascript
python脚本实现xls(xlsx)转成csv
2016/04/10 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
python实现简单聊天室功能 可以私聊
2019/07/12 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
Python基础之字符串常见操作经典实例详解
2020/02/26 Python
Python 常用日期处理 -- calendar 与 dateutil 模块的使用
2020/09/02 Python
HTML5中的强制下载属性download使用实例解析
2016/05/12 HTML / CSS
世界上最好的威士忌和烈性酒购买网站:The Whisky Exchange
2016/11/20 全球购物
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
MYPROTEIN澳大利亚官方网站:欧洲运动营养品牌
2019/06/26 全球购物
青年创业培训欢迎词
2014/01/08 职场文书
2016年社区六一儿童节活动总结
2016/04/06 职场文书
Java并发编程之原子性-Atomic的使用
2022/03/16 Java/Android