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+html制作简单验证码

    js+html制作简单验证码

    这篇文章主要为大家详细介绍了js结合html制作简单验证码的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • p5.js入门教程之键盘交互

    p5.js入门教程之键盘交互

    这篇文章主要介绍了p5.js入门教程之键盘交互,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • javascript验证只能输入数字和一个小数点示例

    javascript验证只能输入数字和一个小数点示例

    使用javascript限制只能输入数字和一个小数点,在某些情况下还是比较使用的,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-10-10
  • JavaScript模块化原理深入分析

    JavaScript模块化原理深入分析

    JavaScript中的模块化是指将每个js文件会被认为单独一个的模块。模块之间是互相不可见的。如果一个模块需要使用另一个模块,那么需要通过指定语法来引入要使用的模块,而且只能使用引入模块所暴露的内容
    2022-11-11
  • JavaScript设计模式学习之代理模式

    JavaScript设计模式学习之代理模式

    这篇文章主要介绍了JavaScript设计模式学习之代理模式,对设计模式感兴趣的同学,可以参考下
    2021-04-04
  • javascript实现div的显示和隐藏的小例子

    javascript实现div的显示和隐藏的小例子

    这篇文章介绍了在JS中实现DIV显示和隐藏的实例,需要的朋友可以参考一下
    2013-06-06
  • js 实现div拖拽拉伸完整示例

    js 实现div拖拽拉伸完整示例

    这篇文章主要为大家介绍了js 实现div拖拽拉伸完整示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • JavaScript+html5 canvas制作的百花齐放效果完整实例

    JavaScript+html5 canvas制作的百花齐放效果完整实例

    这篇文章主要介绍了JavaScript+html5 canvas制作的百花齐放效果,结合完整实例形式分析了使用html5的canvas技术动态绘制图形的技巧,需要的朋友可以参考下
    2016-01-01
  • js实现点赞按钮功能的实例代码

    js实现点赞按钮功能的实例代码

    这篇文章主要介绍了js实现点赞按钮功能,本文通过实例代码给大家介绍的非常详细,对大家的工作或学习具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • JS数组按指定字段转map-list结构(示例详解)

    JS数组按指定字段转map-list结构(示例详解)

    在开发过程中经常会出现接口返回整个数组,我们需要将数组进行二次处理,这篇文章主要介绍了js 数组按指定字段转map-list结构,需要的朋友可以参考下
    2023-11-11

最新评论