JavaScript基础进阶之数组方法总结(推荐)

2023-09-25 07:36:06 58

数组常用方法总结：

下面我只总结了es3中常用的数组方法，一共有11个。es5中新增的9个数组方法，后续再单独总结。

1个连接数组的方法：concat（）

2个数组转换为字符串的方法：join（）、toString（）

6个增删数组元素的方法：pop（）、push（）、shift（）、unshift（）、slice（）、splice（）

2个数组排序方法：reverse（）、sort（）

连接数组的方法：

1、concat（）

作用：连接两个数组，合并为一个新数组。

用法：arr1.concat（arr2，arr2...）

示例：



vararr=newArray(3)

arr[0]="George"

arr[1]="John"

arr[2]="Thomas"

vararr2=newArray(3)

arr2[0]="James"

arr2[1]="Adrew"

arr2[2]="Martin"

document.write(arr.concat(arr2))

输出：

George,John,Thomas,James,Adrew,Martin

数组转换为字符串的方法：

1、join（）

作用：用于把数组中的所有元素放入一个字符串。并通过指定的分隔符进行分隔。

用法：arrayObject.join(separator)

示例：



vararr=newArray(3)

arr[0]="George"

arr[1]="John"

arr[2]="Thomas"

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

输出：

George.John.Thomas

注意：返回值为一个字符串。如果没有分隔符，默认以逗号分隔。

2、toString（）

作用：把数组转换为字符串，并返回结果。

用法：arrayObject.toString()

示例：



vararr=newArray(3)

arr[0]="George"；

arr[1]="John"；

arr[2]="Thomas"；

document.write(arr.toString())；

输出：

George,John,Thomas

返回值与没有参数的join()方法返回的字符串相同。数组中的元素之间用逗号分隔。

增删数组元素的方法：

1、pop（）

作用：用于删除并返回数组的最后一个元素。

用法：arrayObject.pop()

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

示例：



vararr=newArray(3)

arr[0]="George"

arr[1]="John"

arr[2]="Thomas"

document.write(arr)

document.write("
")

document.write(arr.pop())

document.write("
")

document.write(arr)

输出：

George,John,Thomas
Thomas
George,John

2、push（）

作用：可向数组的末尾添加一个或多个元素，并返回新的长度。

用法：arrayObject.push(newelement1,newelement2,....,newelementX)

它直接修改arrayObject，而不是创建一个新的数组。push()方法和pop()方法使用数组提供的先进后出栈的功能。

示例：



vararr=newArray(3)

arr[0]="George"

arr[1]="John"

arr[2]="Thomas"

document.write(arr+"
")

document.write(arr.push("James")+"
")

document.write(arr)

输出：

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

3、shift（）

作用：用于把数组的第一个元素从其中删除，并返回第一个元素的值。

用法：arrayObject.shift()

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

示例：



vararr=newArray(3)

arr[0]="George"

arr[1]="John"

arr[2]="Thomas"

document.write(arr+"
")

document.write(arr.shift()+"
")

document.write(arr)

输出：

George,John,Thomas
George
John,Thomas

4，unshift（）

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

用法：arrayObject.unshift(newelement1,newelement2,....,newelementX)

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

请注意，unshift()方法不创建新的创建，而是直接修改原有的数组。unshift()方法无法在InternetExplorer中正确地工作！

示例：



vararr=newArray()

arr[0]="George"

arr[1]="John"

arr[2]="Thomas"

document.write(arr+"
")

document.write(arr.unshift("William")+"
")

document.write(arr)

输出：

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

5，slice（）

作用：可从已有的数组中返回选定的元素。

用法：arrayObject.slice(start,end)

start

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

end

可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从start到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

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

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



vararr=newArray(3)

arr[0]="George"

arr[1]="John"

arr[2]="Thomas"

document.write(arr+"
")

document.write(arr.slice(1)+"
")

document.write(arr)

输出：

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

6，splice（）

作用：向/从数组中添加/删除项目，然后返回被删除的项目。

用法：arrayObject.splice(index,howmany,item1,.....,itemX)

index

必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。

howmany

必需。要删除的项目数量。如果设置为0，则不会删除项目。

item1,...,itemX

可选。向数组添加的新项目。

该方法会改变原始数组。

示例：



vararr=newArray(6)
arr[0]="George"
arr[1]="John"
arr[2]="Thomas"
arr[3]="James"
arr[4]="Adrew"
arr[5]="Martin"
document.write(arr+"
")arr.splice(2,0,"William")
document.write(arr+"
")

输出：

George,John,Thomas,James,Adrew,Martin

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

数组元素排序：

1、reverse（）

作用：用于颠倒数组中元素的顺序。

用法：arrayObject.reverse()

该方法会改变原来的数组，而不会创建新的数组。

示例：



vararr=newArray(3)

arr[0]="George"
arr[1]="John"
arr[2]="Thomas"

document.write(arr+"
")

document.write(arr.reverse())

输出：

George,John,Thomas
Thomas,John,George

2，sort（）

作用：用于对数组的元素进行排序。

用法：arrayObject.sort(sortby)

Sortby：可选，按规定是顺序排序。必须是函数。

相对于其他方法来说复杂了一点。

如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。

如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数a和b，其返回值如下：

若a小于b，在排序后的数组中a应该出现在b之前，则返回一个小于0的值。

若a等于b，则返回0。

若a大于b，则返回一个大于0的值。



functionsortNumber(a,b)
{
returna-b
}

vararr=newArray(6)

arr[0]="10"

arr[1]="5"

arr[2]="40"

arr[3]="25"

arr[4]="1000"

arr[5]="1"

document.write(arr+"
")

document.write(arr.sort(sortNumber))

输出：

10,5,40,25,1000,1
1,5,10,25,40,1000

上面这个例子是让数组元素从小到大排序，如果想实现从大到小排序，只需要将sortNumber函数中的a-b改为b-a即可。



functionsortNumber(a,b)

{

returnb-a;

}

vararr=newArray(6)

arr[0]="10"

arr[1]="5"

arr[2]="40"

arr[3]="25"

arr[4]="1000"

arr[5]="1"

document.write(arr+"
")

document.write(arr.sort(sortNumber))

输出：

10,5,40,25,1000,1
1000,40,25,10,5,1

补充：

数组对象的属性：

属性

描述

constructor

返回对创建此对象的数组函数的引用。

length

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

prototype

使您有能力向对象添加属性和方法。

以下这个例子展示了如何使用constructor属性



vartest=newArray();

if(test.constructor==Array)

{

document.write("ThisisanArray");

}

if(test.constructor==Boolean)

{

document.write("ThisisaBoolean");

}

if(test.constructor==Date)

{

document.write("ThisisaDate");

}

if(test.constructor==String)

{

document.write("ThisisaString");

}

输出：

ThisisanArray

length属性可设置或返回数组中元素的数目。数组的length属性总是比数组中定义的最后一个元素的下标大1。对于那些具有连续元素，而且以元素0开始的常规数组而言，属性length声明了数组中的元素的个数。设置length属性可改变数组的大小。如果设置的值比其当前值小，数组将被截断，其尾部的元素将丢失。如果设置的值比它的当前值大，数组将增大，新的元素被添加到数组的尾部，它们的值为undefined。

获取数组的长度：arrayObject.length

以上这篇JavaScript基础进阶之数组方法总结(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

JavaScript基础进阶之数组方法总结(推荐)

热门推荐

随机推荐