码云 JavaScript教程 2021-12-08

59. JavaScript教程-Array(数组)对象

AI 概述

什么是数组?创建一个数组访问数组在一个数组中你可以有不同的对象数组方法和属性完整的数组对象参考手册创建新方法数组对象的作用是：使用单独的变量名来存储一系列的值。什么是数组? 数组对象是使用单独的变量名来存储一系列的值。如果你有一组数据（例如：动物名字），存在单独变量如下所示： var...

文章目录隐藏

什么是数组?
创建一个数组
访问数组
在一个数组中你可以有不同的对象
数组方法和属性
完整的数组对象参考手册
创建新方法

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

什么是数组?

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

如果你有一组数据（例如：动物名字），存在单独变量如下所示：

var animal1="tiger";
var animal2="lion";
var animal3="monkey";

然而，如果你想从中找出某一种动物？并且不是 3 种，而是 300 种呢？这将不是一件容易的事！

最好的方法就是用数组。

数组可以用一个变量名存储所有的值，并且可以用变量名访问任何一个值。

数组中的每个元素都有自己的的 ID，以便它可以很容易地被访问到。

创建一个数组

创建一个数组，有三种方法。

下面的代码定义了一个名为 myAniamals 的数组对象：

1. 常规方式:

var myAniamals=new Array();
myAniamals[0]="tiger";      
myAniamals[1]="lion";
myAniamals[2]="monkey";

2. 简洁方式:

var myAniamals=new Array("tiger","lion","monkey");

3. 字面量:

var myAniamals=["tiger","lion","monkey"];

访问数组

通过指定数组名以及索引号码，你可以访问某个特定的元素。

以下实例可以访问 myAniamals 数组的第一个值：

var name=myAniamals[0];

以下实例修改了数组 myAniamals 的第一个元素:

myAniamals[0]="dog";

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

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

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

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

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

myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myAniamals;

数组方法和属性

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

var x=myAniamals.length             // myAniamals 中元素的数量
var y=myAniamals.indexOf("tiger")   // "tiger" 值的索引值

完整的数组对象参考手册

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

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

完整JavaScript 数组对象参考手册

创建新方法

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

<body>

<p id="demo">单击按钮创建一个数组,调用 ucase() 方法, 并显示结果。</p>
<button onclick="myFunction()">点我</button>
<script>
Array.prototype.myUcase=function(){
    for (i=0;i<this.length;i++){
	this[i]=this[i].toUpperCase();
    }
}
function myFunction(){
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.myUcase();
    var x=document.getElementById("demo");
    x.innerHTML=fruits;
}
</script>

</body>

上面的例子创建了新的数组方法用于将数组小写字符转为大写字符。

运行结果：

BANANA,ORANGE,APPLE,MANGO

以上关于59. JavaScript教程-Array(数组)对象的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。

「点点赞赏，手留余香」

赞 1 赏

给作者打赏，鼓励TA抓紧创作！

微信

支付宝

还没有人赞赏，快来当第一个赞赏的人吧！

声明：本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 admin@mybj123.com 进行投诉反馈，一经查实，立即处理！
重要：如软件存在付费、会员、充值等，均属软件开发者或所属公司行为，与本站无关，网友需自行判断
码云笔记 » 59. JavaScript教程-Array(数组)对象