数组常用方法总结：

下面我只总结了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...）

示例：

<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

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

1、join（）

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

用法：arrayObject.join(separator)

示例：

<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

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

2、toString（）

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

用法：arrayObject.toString()

示例：

<script type="text/javascript">

var arr = new Array(3)

arr[0] = "George"；

arr[1] = "John"；

arr[2] = "Thomas"；

document.write(arr.toString())；

</script>

输出：

George,John,Thomas

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

增删数组元素的方法：

1、pop（）

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

用法：arrayObject.pop()

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

示例：

<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

2、push（）

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

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

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

示例：

<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

3、shift（）

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

用法：arrayObject.shift()

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

示例：

<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

4，unshift（）

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

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

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

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

示例：

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

输出：

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

5，slice（）

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

用法：arrayObject.slice(start,end)

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

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

<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

6，splice（）

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

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

该方法会改变原始数组。

示例：

<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

数组元素排序：

1、reverse（）

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

用法：arrayObject.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

2，sort（）

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

用法：arrayObject.sort(sortby)

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

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

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

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

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

若 a 等于 b，则返回 0。

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

<script type="text/javascript">

function sortNumber(a,b)
{
return a - b
}

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(sortNumber))

</script>

输出：

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

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

<script type="text/javascript">

function sortNumber(a,b)

{

return b - a;

}

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(sortNumber))

</script>

输出：

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

补充：

数组对象的属性：

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

<script type="text/javascript">

var test=new Array();

if (test.constructor==Array)

{

document.write("This is an Array");

}

if (test.constructor==Boolean)

{

document.write("This is a Boolean");

}

if (test.constructor==Date)

{

document.write("This is a Date");

}

if (test.constructor==String)

{

document.write("This is a String");

}

</script>

输出：

This is an Array

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

获取数组的长度：arrayObject.length

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

# js数组方法  # JavaScript数组方法大全(推荐)  # JavaScript学习笔记之ES6数组方法  # js 定义对象数组(结合)多维数组方法  # 数组方法解决JS字符串连接性能问题有争议  # javascript中FOREACH数组方法使用示例  # js数组方法reduce经典用法代码分享  # js数组方法扩展实现数组统计函数  # 基于JavaScript Array数组方法(新手必看篇)  # Javascript中数组方法汇总(推荐)  # 可能被忽略的一些JavaScript数组方法细节  # 组中  # 第一个  # 可选  # 转换为  # 以此类推  # 第二个  # 给大家  # 如果没有  # 请注意  # 可向  # 值为  # 算起  # 返回值  # 进阶  # 法会  # 分隔符  # 切分  # 多个  # 我只  # 出现在 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： ,在苏州找工作，上哪个网站比较好？  Laravel路由Route怎么设置_Laravel基础路由定义与参数传递规则【详解】  laravel怎么为API路由添加签名中间件保护_laravel API路由签名中间件保护方法  深圳网站制作平台,深圳市做网站好的公司有哪些？  微信小程序 input输入框控件详解及实例（多种示例）  郑州企业网站制作公司,郑州招聘网站有哪些？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  javascript如何操作浏览器历史记录_怎样实现无刷新导航  Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  大连网站制作公司哪家好一点,大连买房网站哪个好？  Laravel如何使用软删除（Soft Deletes）功能_Eloquent软删除与数据恢复方法  动图在线制作网站有哪些,滑动动图图集怎么做？  Laravel API路由如何设计_Laravel构建RESTful API的路由最佳实践  网站制作免费,什么网站能看正片电影？  通义万相免费版怎么用_通义万相免费版使用方法详细指南【教程】  独立制作一个网站多少钱,建立网站需要花多少钱？  Laravel distinct去重查询_Laravel Eloquent去重方法  制作旅游网站html,怎样注册旅游网站？  三星、SK海力士获美批准：可向中国出口芯片制造设备  如何自定义建站之星网站的导航菜单样式？  如何用PHP快速搭建高效网站？分步指南  如何用搬瓦工VPS快速搭建个人网站？  Python正则表达式进阶教程_复杂匹配与分组替换解析  Laravel如何使用Blade模板引擎？（完整语法和示例）  在线制作视频的网站有哪些,电脑如何制作视频短片？  如何快速配置高效服务器建站软件？  网站建设要注意的标准 促进网站用户好感度！  Laravel如何集成微信支付SDK_Laravel使用yansongda-pay实现扫码支付【实战】  青岛网站建设如何选择本地服务器？  简单实现Android文件上传  Laravel如何使用Collections进行数据处理？（实用方法示例）  HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】  android nfc常用标签读取总结  浅析上传头像示例及其注意事项  Laravel怎么创建自己的包(Package)_Laravel扩展包开发入门到发布  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  laravel怎么通过契约（Contracts）编程_laravel契约（Contracts）编程方法  如何生成腾讯云建站专用兑换码？  Laravel如何实现用户角色和权限系统_Laravel角色权限管理机制  Claude怎样写结构化提示词_Claude结构化提示词写法【教程】  如何在云主机上快速搭建网站？  如何在新浪SAE免费搭建个人博客？  php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】  Laravel中间件起什么作用_Laravel Middleware请求生命周期与自定义详解  详解Oracle修改字段类型方法总结  Android使用GridView实现日历的简单功能  laravel怎么在请求结束后执行任务（Terminable Middleware）_laravel Terminable Middleware请求结束任务执行方法  如何在腾讯云服务器快速搭建个人网站？  DeepSeek是免费使用的吗 DeepSeek收费模式与Pro版本功能详解