您的位置:首页 > Web前端 > JavaScript

JavaScript--Array数组的使用

2015-12-08 22:50 651 查看
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 onclick="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() 方法不会改变原数组。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: