详解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调试(不下载任何工具)
Apr 14 Javascript
一段非常简单的js判断浏览器的内核
Aug 17 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
Jul 27 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
Nov 29 Javascript
JS Array.slice 截取数组的实现方法
Jan 02 Javascript
三种带箭头提示框总结实例
Jun 14 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
javascript 面向对象function详解及实例代码
Feb 28 Javascript
vuejs使用FormData实现ajax上传图片文件
Aug 08 Javascript
详解webpack + react + react-router 如何实现懒加载
Nov 20 Javascript
详解JS实现系统登录页的登录和验证
Apr 29 Javascript
JavaScript中继承原理与用法实例入门
May 09 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 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
PHP 日常开发小技巧
2009/09/23 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
php function用法如何递归及return和echo区别
2014/03/07 PHP
教你如何快捷的使用cmd访问mysql小技巧
2014/05/26 PHP
一个多次搜索+多次传值的解决方案
2007/01/20 Javascript
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
2007/04/27 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
浅谈轻量级js模板引擎simplite
2015/02/13 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
2015/08/26 Javascript
Sea.JS知识总结
2016/05/05 Javascript
自定义require函数让浏览器按需加载Js文件
2016/11/24 Javascript
angular.js 路由及页面传参示例
2017/02/24 Javascript
jQuery中的deferred使用方法
2017/03/27 jQuery
浅谈angularjs中响应回车事件
2017/04/24 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
2017/12/27 Javascript
JavaScript图片处理与合成总结
2018/03/04 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
2018/07/24 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
vue基于v-charts封装双向条形图的实现代码
2019/12/09 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
2020/04/09 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
详解nginx配置vue h5 history去除#号
2020/11/09 Javascript
Python列表推导式与生成器表达式用法示例
2018/02/08 Python
python监测当前联网状态并连接的实例
2018/12/18 Python
python使用信号量动态更新配置文件的操作
2020/04/01 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
Python 3.10 的首个 PEP 诞生,内置类型 zip() 迎来新特性(推荐)
2020/07/03 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
HTML5视频支持检测(检查浏览器是否支持视频播放)
2013/06/08 HTML / CSS
会计专业自荐书
2014/07/08 职场文书
安全责任书范文
2014/08/25 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
使用Navicat Premium工具将oracle数据库迁移到MySQL
2021/05/27 Oracle