JavaScript|数组对象

时间 2021-08-13

标签 javascript html java 数组 ide 函数学习 this prototype htm 栏目 JavaScript 繁體版

原文原文链接

讲到数组会有人问，什么是数组？数组就是有序数据的集合，在JavaScript中的数组元素容许属于不一样的数据类型，用数组名和下标就能够惟一地肯定数组中的元素。接下来将会详细的讲解一下JavaScript数组对象。javascript

建立数组对象html

数组是具备相同数据类型的变量集合，这些变量均可以经过检索进行访问。数组中的变量称为数组的元素，数组可以容纳元素的数量称为数组的长度。数组中的每个元素都具备惟一的索引（下标）与其相对应，在JavaScript中，数组的索引从零开始。java

数组对象使用Array，新建数组对象有三种方法。数组

方法一：var 数组名 = new Date()；//新建一个长度为0的数组ide

方法二：var 数组名 = new Date(n)；//新建一个长度为n的数组函数

方法三：var 数组名 = new Date(元素1,元素2,元素3,…)；//新建一个指定长度的数组并赋值学习

数组对象属性的应用this

在JavaScript中数组对象的属性主要有三个：prototype

constructor：返回对建立对象的数据函数的引用；htm

length：设置或返回数组中的元素的数目；

prototype：使开发者有能力向对象添加属性和方法

1.constructor

constructor属性返回对建立对象的数据函数的引用，其语法格式以下：

object. constructor;

示例：

<!DOCTYPE html>

<html>

<head>

<title>数组对象的学习</title>

</head>

<body>

var myArray1 = new Array();

if(myArray1.constructor==Array){

document.write("这是数组对象");

}

if(myArray1.constructor==Boolean){

document.write("这是布尔对象");

}

if(myArray1.constructor==Date){

document.write("这是日期对象");

}

if(myArray1.constructor==String){

document.write("这是字符串对象");

}

</script>

</body>

</html>

显示结果：

图1 数组对象的constructor属性结果

2. length

Length返回数组元素中元素的数目，其语法格式以下：

arrayObject.length;

示例：

<!DOCTYPE html>

<html>

<head>

<title>数组对象的学习</title>

</head>

<body>

var arr = new Array(3);

arr[0] = "xiaozhan"

arr[1] = "zhangyunlei"

arr[2] = "zhangjie"

document.write("数组的长度：" + arr.length);

document.write("<br />");

arr.length=5;

document.write("设置以后的长度：" + arr.length);

</script>

</body>

</html>

显示结果：

图2 数组对象的length属性结果

3.prototype

Prototype属性能够对对象田间属性和方法。其语法格式以下：

Object,prototype.name = value;

示例：

<!DOCTYPE html>

<html>

<head>

<title>数组对象的学习</title>

</head>

<body>

Array.prototype.outAll = function(ar){

for(var i=0;i<this.length;i++){

document.write(this[i]);

document.write(ar);

}

document.write("<br>");

}

var arr = new Array(1,2,3,4,5,6,7,8,9);

arr.outAll("");

</script>

</body>

</html>

显示结果：

图3 数组对象的prototype属性结果

数组对象经常使用方法

在JavaScript中，有大量的数组经常使用的操做方法，好比合并数组、删除数组元素、添加数组元素等。只有不断地运用这些方法才能熟练的掌握。在这里给你们展现一下数组对象方法表，可帮助你们快速查找须要用到的方法。

方法	描述
concat()	链接两个或更多的数组，并返回结果。
pop()	删除并返回数组的最后一个元素
join()	把数组的全部元素放入一个字符串。元素经过指定的分隔符进行分隔
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reverse()	颠倒数组中元素的顺序。
slice()	从某个已有的数组返回选定的元素
shift()	删除并返回数组的第一个元素
sort()	对数组的元素进行排序
splice()	删除元素，并向数组添加新元素
toString()	把数组转换为字符串，并返回结果
toSource()	返回该对象的源代码
toLocaleString()	把数组转换为本地数组，并返回结果
unshift()	向数组的开头添加一个或更多元素，并返回新的长度
valueOf()	返回数组对象的原始值

结语

JavaScript中数组能够用一个变量名存储全部的值，而且能够用变量名访问任何一个值。由于数组中的每一个元素都有本身的的ID，能够方便它能够很容易地被访问到，因此学会数组对象的属性和经常使用方法，能够减小查找数据和储存数据的工做量。

END