数组API

1、join()

将数组转换为字符串，字符串按照分隔符分割，返回分割好的字符串。

语法:

array.join(separator)
返回值

返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。

例:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
    <script type="text/javascript">
        var arr = new Array(3)
        arr[0] = "George"
        arr[1] = "John"
        arr[2] = "Thomas"

        document.write(arr.join())
    </script>
</body>

</html>

2、concat()

将多个数组合并为一个数组，并且返回合并数组。

语法:

array.concat(arrayX,arrayX,......,arrayX)
返回值

返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

例:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
    <script type="text/javascript">
        var a = [1, 2, 3];
        document.write(a.concat(4, 5));
    </script>
</body>

</html>
3、slice()

从某个已有的数组返回选定的元素ArrayObject.slice(start,end),start必须写，规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。

语法:

array.slice(start,end)
返回值

返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

说明

请注意，该方法并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用方法 Array.splice()。

例:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
    <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>
</body>

</html>
4、splice()

从一个数组当中删除一个或多个元素，返回所移除的元素。

语法:

array.splice(index,howmany,item1,.....,itemX)
说明

splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组

例:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
    <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>
</body>

</html>
5、reverse()

反转数组，返回翻转后的数组。

语法:

array.reverse()
例:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
    <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>
</body>

</html>
6、push()

将值添加到数组的尾部。

语法:

array.push(newelement1,newelement2,....,newelementX)
返回值

把指定的值添加到数组后的新长度。

说明

push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

例:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
    <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>
</body>

</html>
7、pop()

删除数组的最后一个元素，并且返回删除元素。

语法:

array.pop()
返回值

arrayObject 的最后一个元素。

说明

pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。

例:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
    <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>
</body>

</html>
8、unshift()

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

语法:

array.unshift(newelement1,newelement2,....,newelementX)
返回值

arrayObject 的新长度。

说明

unshift() 方法将把它的参数插入 arrayObject 的头部，并将已经存在的元素顺次地移到较高的下标处，以便留出空间。该方法的第一个参数将成为数组的新元素 0，如果还有第二个参数，它将成为新的元素 1，以此类推。

请注意，unshift() 方法不创建新的创建，而是直接修改原有的数组。

例:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
    <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") + "<br />")
        document.write(arr)
    </script>
</body>

</html>
9、shift()

删除并返回数组的第一个元素。

语法:

array.shift()
返回值

数组原来的第一个元素的值。

说明

如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该方法不创建新数组，而是直接修改原有的 arrayObject。

例:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
    <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>
</body>

</html>
10、length()

可返回字符串中的字符数目。

语法:

string.length
例:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
    <script type="text/javascript">
        var txt = "Hello World!"
        document.write(txt.length)
    </script>
</body>

</html>

数组API

推荐阅读更多精彩内容