JavaScript之Array常见的方法详解

 更新时间:2021年11月22日 10:54:13   作者:老__L  
这篇文章主要为大家介绍了JavaScript之Array常见的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助V

不改变原数组的方法

1、concat

用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。

语法:

var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])

参数:

ValueN(可选):

数组和/或值,将被合并到一个新的数组中。如果省略了所有 valueN 参数,则 concat 会返回调用此方法的现存数组的一个浅拷贝。

返回值:

一个新的Array

在这里插入图片描述

2、join

将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目,那么将返回该项目而不使用分隔符。

语法:

arr.join([separator])

参数:

separator (可选):

指定一个字符串来分隔数组的每个元素。如果需要,将分隔符转换为字符串。如果缺省该值,数组元素用逗号(,)分隔。如果separator是空字符串(""),则所有元素之间都没有任何字符。

返回值:

一个所有数组元素连接的字符串。如果 arr.length 为0,则返回空字符串。

在这里插入图片描述

注意:

如果一个元素为 undefined 或 null,它会被转换为空字符串。

3、slice

返回一个新的数组对象,这一对象是一个由 begin 和 end 决定的原数组的浅拷贝(包括 begin,不包括end)。原始数组不会被改变。

语法:

arr.slice([begin[, end]])

参数:

begin(可选):提取起始处的索引(从 0 开始),从该索引开始提取原数组元素。如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取,slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。如果省略 begin,则 slice 从索引 0 开始。如果 begin 超出原数组的索引范围,则会返回空数组。

end(可选):提取终止处的索引(从 0 开始),在该索引处结束提取原数组元素。slice 会提取原数组中索引从 begin 到 end 的所有元素(包含 begin,但不包含 end)。如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取。如果 end 被省略,则 slice 会一直提取到原数组末尾。如果 end 大于数组的长度,slice 也会一直提取到原数组末尾。

返回值:

一个含有被提取元素的新数组。

在这里插入图片描述

4、toString

返回一个字符串,表示指定的数组及其元素。

语法:

arr.toString()

返回值:

一个表示指定的数组及其元素的字符串。

在这里插入图片描述

改变原数组的方法

1、pop

从数组中删除最后一个元素,并返回该元素的值。

语法:

arr.pop()

返回值

从数组中删除的元素(当数组为空时返回undefined)。

在这里插入图片描述

2、push

将一个或多个元素添加到数组的末尾,并返回该数组的新长度。

语法:

arr.push(element1, ..., elementN)

参数:

elementN:被添加到数组末尾的元素。

返回值:

当调用该方法时,新的 length 属性值将被返回。

在这里插入图片描述

3、shift

从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。

语法:

arr.shift()

返回值:

从数组中删除的元素; 如果数组为空则返回 undefined 。

在这里插入图片描述

4、unshift

将一个或多个元素添加到数组的开头,并返回该数组的新长度(该方法修改原有数组)。

语法:

arr.unshift(element1, ..., elementN)

参数:

elementN:要添加到数组开头的元素或多个元素。

返回值:

当一个对象调用该方法时,返回其 length 属性值。

在这里插入图片描述

5、splice

通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。

语法:

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

**参数:**

start​:指定修改的开始位置(从0计数)。如果超出了数组的长度,则从数组末尾开始添加内容;如果是负值,则表示从数组末位开始的第几位(从-1计数,这意味着-n是倒数第n个元素并且等价于array.length-n);如果负数的绝对值大于数组的长度,则表示开始位置为第0位。

deleteCount(可选):整数,表示要移除的数组元素的个数。如果 deleteCount 大于 start 之后的元素的总数,则从 start 后面的元素都将被删除(含第 start 位)。如果 deleteCount 被省略了,或者它的值大于等于array.length - start(也就是说,如果它大于或者等于start之后的所有元素的数量),那么start之后数组的所有元素都会被删除。如果 deleteCount 是 0 或者负数,则不移除元素。这种情况下,至少应添加一个新元素。

item1, item2, … (可选):要添加进数组的元素,从start 位置开始。如果不指定,则 splice() 将只删除数组元素。

返回值:

由被删除的元素组成的一个数组。如果只删除了一个元素,则返回只包含一个元素的数组。如果没有删除元素,则返回空数组。

在这里插入图片描述

6、reverse

将数组中元素的位置颠倒,并返回该数组。数组的第一个元素会变成最后一个,数组的最后一个元素变成第一个。该方法会改变原数组。

语法:

arr.reverse()

返回值:

颠倒后的数组。

在这里插入图片描述

7、sort

用算法对数组的元素进行排序,并返回数组。

语法:

arr.sort([compareFunction])

参数:

compareFunction(可选):用来指定按某种顺序进行排列的函数。如果省略,元素按照转换为的字符串的各个字符的Unicode位点进行排序。

1.firstEl:第一个用于比较的元素。

2.secondEl:第二个用于比较的元素。

返回值:

排序后的数组。

在这里插入图片描述

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!

相关文章

  • JS Generator函数yield表达式示例详解

    JS Generator函数yield表达式示例详解

    这篇文章主要为大家介绍了JS Generator函数yield表达式示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • js实现点击图片在屏幕中间弹出放大效果

    js实现点击图片在屏幕中间弹出放大效果

    这篇文章主要介绍了js实现点击图片在屏幕中间弹出放大效果,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • JavaScript实现换肤效果(换背景)

    JavaScript实现换肤效果(换背景)

    这篇文章主要为大家详细介绍了JavaScript实现换肤效果,即换背景功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • js中indexOf()的简单使用示例

    js中indexOf()的简单使用示例

    indexOf在js中有着重要的作用,可以判断一个元素是否在数组中存在,或者判断一个字符是否在字符串中存在,下面这篇文章主要给大家介绍了关于js中indexOf()简单使用的相关资料,需要的朋友可以参考下
    2023-01-01
  • JS兼容所有浏览器的DOMContentLoaded事件

    JS兼容所有浏览器的DOMContentLoaded事件

    这篇文章主要介绍了JS兼容所有浏览器的DOMContentLoaded事件的相关资料,标准浏览器中,使用DOMContentLoaded事件即可实现我们的要求,注册事件处理函数也极为简单,感兴趣的朋友一起学习吧
    2018-01-01
  • 浅谈javascript中的三种弹窗

    浅谈javascript中的三种弹窗

    下面小编就为大家带来一篇浅谈javascript中的三种弹窗。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • javascript数组中的map方法和filter方法

    javascript数组中的map方法和filter方法

    这篇文章主要介绍了javascript数组中的map方法和filter方法,文章内容介绍详细,具有一定的参考价值,需要的小伙伴可以参考一下,希望对你的学习有所帮助
    2022-03-03
  • 360doc网站不登录就无法复制内容的解决方法

    360doc网站不登录就无法复制内容的解决方法

    这篇文章主要介绍了360doc网站不登录就无法复制内容的解决方法,需要的朋友可以参考下
    2018-01-01
  • bootstrap动态调用select下拉框的实例代码

    bootstrap动态调用select下拉框的实例代码

    今天小编就为大家分享一篇bootstrap动态调用select下拉框的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 详谈JS中实现种子随机数及作用

    详谈JS中实现种子随机数及作用

    这篇文章详细介绍了种子随机数在JS中如何实现以及有什么作用,希望能帮助有需要的人。下面一起来看看。
    2016-07-07

最新评论