JavaScript--Array数组的使用

最新推荐文章于 2022-10-21 11:17:44 发布

Q_Jimmy

最新推荐文章于 2022-10-21 11:17:44 发布

阅读量602

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/Q_Jimmy/article/details/50225717

版权

HTML5 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

Array数组的使用

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

创建一个数组有三种形式：

1.var mycars=new Array();//常规方式

mycars[0]="A";
mycars[1]="B";
mycars[2]="C";
mycars[3]="D";

2.var mycars=new Array("A","B","C","D");//简洁方式

3.var mycars=["aa","nn","cc","dd"];//字面量方法

二、Array 对象属性

1.length属性：设置或者返回数组元素的数目

2.constructor属性：返回对创建此对象的数组函数的引用

3.propotype属性：使得我们有能力向对象添加属性和方法

（1）当构建一个属性，所有的数组将被设置属性，它是默认值。

（2）在构建一个方法时，所有的数组都可以使用该方法。

实例：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p id="demo">click array</p>
<button οnclick="myFunction()">点击</button>
<script>
Array.prototype.toUcase=function()
{
for(i=0;i<this.length;i++)
{
this[i]=this[i].toUpperCase();
}
}
function myFunction()
{
var fruit=["Banana","Orange","Apple","Mango"];
fruit.toUcase();//调用改变函数
var x=document.getElementById("demo");
x.innerHTML=fruit;
}
</script>
</body>
</html>

三、Array数组中的方法

1.concat() 方法用于连接两个或多个数组。 var c= 数组名1.concat(数组名2);
2.indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果在数组中没

找到字符串则返回 -1。
3.join() 方法用于把数组中的所有元素转换一个字符串。
4.lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定

位置从后向前搜索。stringObject 中的字符位置是从 0 开始的。
5.pop() 方法用于删除数组的最后一个元素并返回删除的元素。
6.reverse() 方法用于颠倒数组中元素的顺序。
7.shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
8.slice() 方法可从已有的数组中返回选定的元素。
slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
注意： slice() 方法不会改变原始数组。

9.sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字，并按升序或降序。默认排序顺序为按字母升序。
注意：当数字是按字母顺序排列时"40"将排在"5"前面。

使用数字排序，你必须通过一个函数作为参数来调用。函数指定数字是按照升序还是降序排列。
注意：这种方法会改变原始数组！。
按数字升序实例：
function myFunction(){
var points=[20,50,80,100,60,30];
points.sort(function(a,b){return a-b})
var x=document.getElementById("demo");
x.innerHTML=points;
}
按数字降序实例：
function myFunction(){
var points=[20,50,80,100,60,30];
points.sort(function(a,b){return b-a});
var x=document.getElementById("demo");
x.innerHTML=points;
}
按字母降序排序：（默认为升序）
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
fruits.reverse();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}

10.splice() 方法用于插入、删除或替换数组的元素。
如：

var array1=["Jason","Jimmy","Doe","Divid"];
array1.splice(1,3,"Tom","Marry");
var x=document.getElementById("demo");
x.innerHTML=array1;
输出：Jason","Tom","Marry"；

11.toString() 方法可把数组转换为字符串，并返回结果。
注意：数组中的元素之间用逗号分隔。

12.unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
注意：该方法将改变数组的数目。

13.valueOf() 方法返回 Array 对象的原始值。
该原始值由 Array 对象派生的所有对象继承。
valueOf() 方法通常由 JavaScript 在后台自动调用，并不显式地出现在代码中。
注意： valueOf() 方法不会改变原数组。