JavaScript内置对象与方法(Array篇)

JavaScript内置对象与方法—Array

一. Array对象属性

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

二.Array对象方法

1. concat() 连接两个或更多的数组，并返回结果。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

document.write(arr.concat(arr2))

</script>输出：

George,John,Thomas,James,Adrew,Martin

2.join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join("."))

</script>
输出:
George.John.Thomas

3.pop() 删除并返回数组的最后一个元素

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr)

document.write("<br />")

document.write(arr.pop())

document.write("<br />")

document.write(arr)

</script>输出：

George,John,Thomas
Thomas
George,John

4 .push() 向数组的末尾添加一个或更多元素，并返回新的长度。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.push("James") + "<br />")
document.write(arr)

</script>输出：

George,John,Thomas
4
George,John,Thomas,James

5 .reverse() 颠倒数组中元素的顺序。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.reverse())

</script>输出：

George,John,Thomas
Thomas,John,George

6 .shift() 删除并返回数组的第一个元素\

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.shift() + "<br />")
document.write(arr)

</script>输出：

George,John,Thomas
George
John,Thomas

7 .slice(start,end) 从某个已有的数组返回选定的元素

    start 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。 

end 可选。规定从何处结束选取。不包含本身.负数同上

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.slice(1) + "<br />")
document.write(arr)

</script>输出：

George,John,Thomas
John,Thomas
George,John,Thomas

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.slice(2,4) + "<br />")
document.write(arr)

</script>输出：

George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin

8 .sort() 对数组的元素进行排序

    //当sort函数的()里面什么不调用的时候,会按照字母顺序排列数组
    //数字也是按照字母顺序排列

    <script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.sort())

</script>输出：

George,John,Thomas,James,Adrew,Martin
Adrew,George,James,John,Martin,Thomas

<script type="text/javascript">

    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"

    document.write(arr + "<br />")
    document.write(arr.sort(function (a,b){
        return a-b;
    }))

</script>
原数组:10,5,40,25,1000,1
return a-b :  1,5,10,25,40,1000
return b-a :  1000,40,25,10,5,1
return 0或者-1: 不排列.还为原数组
return 1 :  反序数组   1,1000,25,40,5,10

9 .splice() 删除元素，并向数组添加新元素。

.splice(index,howmany,element1,.....,elementX)
*index* 必需。规定从何处添加/删除元素。

该参数是开始插入和（或）删除的数组元素的下标，必须是数字。

*howmany* 必需。规定应该删除多少元素。必须是数字，但可以是 "0"。

如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。

*element1* 可选。规定要添加到数组的新元素。从 index 所指的下标处开始插入。 
*elementX* 可选。可向数组添加若干元素。 

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,0,"William")
document.write(arr + "<br />")

</script>输出：

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin

10 .unshift() 向数组的开头添加一个或更多元素，并返回新的长度。

会改变数组长度,括号里可以添加n个元素
<script type="text/javascript">

var arr = new Array()
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.unshift("William","tom") + "<br />")
document.write(arr)

</script>输出：

George,John,Thomas
4
William,tom,George,John,Thomas