详解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 相关文章推荐
jquery trim() 功能源代码
Feb 14 Javascript
jQuery JSON的解析方式分享
Apr 05 Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
Jun 27 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
Sep 10 Javascript
javascript引用赋值(地址传值)用法实例
Jan 13 Javascript
jquery Easyui快速开发总结
Aug 20 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
Dec 02 Javascript
Vue组件之自定义事件的功能图解
Feb 01 Javascript
vue.js实现左边导航切换右边内容
Oct 21 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
Apr 27 Javascript
WebPack工具运行原理及入门教程
Dec 02 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 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的日期与时间函数技巧
2008/04/24 PHP
PHP多进程编程实例
2014/10/15 PHP
[原创]js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
2007/03/12 Javascript
jQuery 浮动广告实现代码
2008/12/25 Javascript
JS复制到剪贴板示例代码
2013/10/30 Javascript
jQuery1.9+中删除了live以后的替代方法
2016/06/17 Javascript
关于在Servelet中如何获取当前时间的操作方法
2016/06/28 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
js获取文件里面的所有文件名(实例)
2017/10/17 Javascript
Js面试算法详解
2018/04/08 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
2018/09/29 Javascript
vue实现微信分享功能
2018/11/28 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
移动端手指操控左右滑动的菜单
2019/09/08 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
微信小程序入门之指南针
2020/10/22 Javascript
[06:50]DSPL次级职业联赛十强晋级之路
2014/11/18 DOTA
python实现颜色空间转换程序(Tkinter)
2015/12/31 Python
Python3使用requests发闪存的方法
2016/05/11 Python
TensorFlow实现MLP多层感知机模型
2018/03/09 Python
Python中staticmethod和classmethod的作用与区别
2018/10/11 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
用Python实现二叉树、二叉树非递归遍历及绘制的例子
2019/08/09 Python
Weekendesk意大利:探索多种引人入胜的周末主题
2016/10/14 全球购物
加拿大品牌鞋包连锁店:Little Burgundy
2021/02/28 全球购物
EJB timer的种类
2014/10/28 面试题
前台文员岗位职责及工作流程
2013/11/19 职场文书
高一学生期末评语
2014/04/25 职场文书
励志演讲稿200字
2014/08/21 职场文书
四风自我剖析材料
2014/09/30 职场文书
敬业奉献模范事迹材料
2014/12/24 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
2016年第104个国际护士节活动总结
2016/04/06 职场文书
导游词之青城山景区
2019/09/27 职场文书
Mysql实现主从配置和多主多从配置
2021/06/02 MySQL