首页 > web前端 > js教程 > 正文

关于JavaScript Array(数组) 对象的使用方法

jacklove
发布: 2018-05-07 09:45:04
原创
1680人浏览过

数组对象的作用是:使用单独的变量名来存储一系列的值,具有重要的作用,详细讲解如下:

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
登录后复制

页面底部你可以找到更多的实例。

什么是数组?

数组对象是使用单独的变量名来存储一系列的值。

如果你有一组数据(例如:车名字),存在单独变量如下所示:

立即学习Java免费学习笔记(深入)”;

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";
登录后复制

[0] 是数组的第一个元素。[1] 是数组的第二个元素。    

SpeakingPass-打造你的专属雅思口语语料
SpeakingPass-打造你的专属雅思口语语料

使用chatGPT帮你快速备考雅思口语,提升分数

SpeakingPass-打造你的专属雅思口语语料25
查看详情 SpeakingPass-打造你的专属雅思口语语料

在一个数组中你可以有不同的对象

所有的JavaScript变量都是对象。数组元素是对象。函数是对象。

因此,你可以在数组中有不同的变量类型。

你可以在一个数组中包含对象元素、函数、数组:

myArray[0]=Date.now;myArray[1]=myFunction;myArray[2]=myCars;
登录后复制

数组方法和属性

使用数组对象预定义属性和方法:

var x=myCars.length             // myCars 中元素的数量
var y=myCars.indexOf("Volvo")   // "Volvo" 值的索引值
登录后复制

完整的数组对象参考手册

你可以参考本站关于数组的所有属性和方法的完整参考手册。

参考手册包含了所有属性和方法的描述(和更多的例子)。

完整数组对象参考手册

创建新方法

原型是JavaScript全局构造函数。它可以构建新Javascript对象的属性和方法。

实例:创建一个新的方法。

Array.prototype.myUcase=function(){    
for (i=0;i<this.length;i++){        
this[i]=this[i].toUpperCase();   
 }
 }
登录后复制

以上计划司本文讲解JavaScript Array(数组) 对象的使用方法,更多详细的内容请关注php中文网即可观看学习。

相关推荐:

几个前端常见的JS排序代码

详细了解JavaScript Array 对象的基本内容

关于jQuery stop() 的使用方法

以上就是关于JavaScript Array(数组) 对象的使用方法的详细内容,更多请关注php中文网其它相关文章!

相关标签:
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号