Web前端常用操作数组的方法

一.shift()方法

把数组的第一个元素删除,返回删除元素的值,(改变原数组.)
在这里插入图片描述

二.unshift() 方法

向数组的开头添加一个或多个元素,返回新数组的长度,(改变原数组.)
在这里插入图片描述
在这里插入图片描述

三.concat() 方法

concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本

例子 1:
在本例中,我们将把 concat() 中的参数连接到数组 a 中:
在这里插入图片描述
例子 2:
在本例中,我们创建了两个数组,然后使用 concat() 把它们连接起来:
在这里插入图片描述
例子 3:
在本例中,我们创建了三个数组,然后使用 concat() 把它们连接起来:
在这里插入图片描述

四.join()方法

join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

语法:
arrayObject.join(separator)
separator 可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。

返回值

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

五.pop() 方法

pop() 方法用于删除并返回数组的最后一个元素。

返回值
arrayObject 的最后一个元素。

说明
pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。
在这里插入图片描述

六.push() 方法

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

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

说明
push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。
在这里插入图片描述

七.reverse() 方法

reverse() 方法用于颠倒数组中元素的顺序。

注释:
该方法会改变原来的数组,而不会创建新的数组。
在这里插入图片描述

八.splice() 方法

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目(该方法会改变原数组)!!!

语法
arrayObject.splice(index,howmany,item1,…,itemX)

index必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, …, itemX可选。向数组添加的新项目。

返回值

包含被删除项目的新数组,如果有的话。

说明
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

例子1:
在本例中,我们将创建一个新数组,并向其添加一个元素:
在这里插入图片描述
例子2:
在本例中我们将删除位于 index 2 的元素,并添加一个新元素来替代被删除的元素:
在这里插入图片描述
例子3:
在本例中我们将删除从 index 2 (“小蓝”) 开始的三个元素,并添加一个新元素 (“new”) 来替代被删除的元素:
在这里插入图片描述

九.slice() 方法

slice() 方法可从已有的数组中返回选定的元素。(不修改原数组)

语法
arrayObject.slice(start,end)

参数描述
start必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

返回值

返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

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

提示和注释

注释:您可使用负值从数组的尾部选取元素。
注释:如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。
注释splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改。

例子1:
在本例中,我们将创建一个新数组,然后显示从其中选取的元素:
在这里插入图片描述

例子2:
在本例中,我们将创建一个新数组,然后显示从其中选取的元素:
在这里插入图片描述

十.sort()方法

sort() 方法用于对数组的元素进行排序。

语法
arrayObject.sort(sortby)

参数描述
sortby可选。规定排序顺序。必须是函数。

返回值
对数组的引用。请注意,数组在原数组上进行排序,不生成副本。

说明
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

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

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

例子1:
在本例中,我们将创建一个数组,并按字母顺序进行排序:
在这里插入图片描述
例子2:
在本例中,我们将创建一个数组,并按字母顺序进行排序:
在这里插入图片描述
请注意,上面的代码没有按照数值的大小对数字进行排序,要实现这一点,就必须使用一个排序函数:
在这里插入图片描述

十一.toString() 方法

语法

arrayObject.toString()

返回值
arrayObject 的字符串表示。返回值与没有参数的 join() 方法返回的字符串相同。

说明
当数组用于字符串环境时,JavaScript 会调用这一方法将数组自动转换成字符串。但是在某些情况下,需要显式地调用该方法。

提示和注释
注释:数组中的元素之间用逗号分隔。
在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值