iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript之Array常见的方法详解
  • 922
分享到

JavaScript之Array常见的方法详解

2024-04-02 19:04:59 922人浏览 泡泡鱼
摘要

目录不改变原数组的方法1、concat语法:参数:返回值:2、join语法:参数:返回值:注意:3、slice语法:参数:返回值:4、toString语法:返回值:改变原数组的方法1

不改变原数组的方法

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:第二个用于比较的元素。

返回值:

排序后的数组。

在这里插入图片描述

总结

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

--结束END--

本文标题: JavaScript之Array常见的方法详解

本文链接: https://www.lsjlt.com/news/157952.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript之Array常见的方法详解
    目录不改变原数组的方法1、concat语法:参数:返回值:2、join语法:参数:返回值:注意:3、slice语法:参数:返回值:4、toString语法:返回值:改变原数组的方法1...
    99+
    2022-11-12
  • JavaScript之String常见的方法详解
    目录1、charAt语法参数index返回值2、concat语法参数str2 [, …strN]返回值3、indexOf语法参数searchValuefromIndex(可选)返回值...
    99+
    2022-11-12
  • 关于JavaScript的Array数组方法详解
    目录数组的方法1. push() 添加2. pop() 删除4. shift() 删除7. splice() 删除8. concat() 连接9. join()10. re...
    99+
    2023-05-20
    JavaScript 数组 JavaScript Array
  • JavaScript中数组Array的常用方法有哪些
    这篇文章主要为大家展示了“JavaScript中数组Array的常用方法有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript中数组Array的常用方法有哪些”这篇文章吧。一....
    99+
    2023-06-25
  • JavaScript数组Array的一些常用方法总结
    目录一.JavaScript中创建数组的方式二、数组方法概括三、方法详解1.join()2.pop()3.shift()4.push()5.unshift()6.concat...
    99+
    2022-11-12
  • Python异常之常见的Bug类型解决方法
    目录一、粗心导致的语法错误SyntaxError1、input输入报错2、循环语句报错3、赋值报错二、知识不熟练导致的错误Bug1、索引越界问题 IndexError2、append...
    99+
    2022-11-13
  • 详解JavaScript数组的常用方法
    目录数组的常用方法pop()unshift()shift()slice()splice()数组元素去重concat()join()reverse()sort()总...
    99+
    2022-11-12
  • JavaScript常见数组方法之如何转置矩阵
    目录一、常见二维数组操作创建与遍历【案例】二维数组转置二、常见数组方法栈和队列方法检索方法数组转字符串其他方法总结今天这篇文章就是来和大家详细聊聊JavaScript常见数组方法,不...
    99+
    2022-11-13
  • 常见的JavaScript内存错误及解决方法
    目录1.计时器的监听2.事件监听3.Observers4. Window Object5. 持有DOM引用前言: JavaScript 不提供任何内存管理操作。相反,内存由 Java...
    99+
    2022-11-12
  • Python+NumPy绘制常见曲线的方法详解
    目录一、利萨茹曲线二、计算斐波那契数列三、方波四、锯齿波和三角波在NumPy中,所有的标准三角函数如sin、cos、tan等均有对应的通用函数。 一、利萨茹曲线 (Lissajous...
    99+
    2022-11-11
  • JavaScript常见的错误处理方法
    这篇文章主要介绍“JavaScript常见的错误处理方法”,在日常操作中,相信很多人在JavaScript常见的错误处理方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ja...
    99+
    2022-10-19
  • JavaScript之instanceof方法手写示例详解
    目录方法介绍instanceof 是什么?instanceof 使用方式开始手写方法介绍 instanceof 是什么? 用于检测构造函数的 prototype 属性是否出现在某个实...
    99+
    2022-11-13
    JavaScript instanceof 方法 JavaScript instanceof
  • JS前端常见的竞态问题解决方法详解
    目录什么是竞态问题取消过期请求XMLHttpRequest 取消请求fetch API 取消请求axios 取消请求可取消的 promise忽略过期请求封装指令式 promise使用...
    99+
    2022-11-13
    JS前端竞态 前端竞态解决
  • 详解Java8中Optional的常见用法
    目录一、 简介二、Java8 之前,空指针异常判断三、Optional的使用1.创建Optional实例2.访问 Optional 对象的值3.返回默认值4.返回异常 (常...
    99+
    2022-11-13
  • 关于vector的常见用法详解
    目录vector的定义vector容器内元素的访问一、通过下标访问二、通过迭代器访问vector常用函数vector的常见用途vector翻译为向量,但是这里使用“变长数...
    99+
    2023-02-06
    vector的常见用法 vector用法 c++ vector
  • JavaScript中常见加密解密方法是什么
    这篇文章主要介绍了JavaScript中常见加密解密方法是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript中常见加密解密方法是什么文章都会有所收获,下面我们一起来看看吧。安装npm ins...
    99+
    2023-07-05
  • JavaScript编程中的常见算法问题解决方案
    JavaScript是一种广泛使用的编程语言,其应用范围涉及到Web开发、移动应用开发、游戏开发等领域。在JavaScript编程过程中,常常需要使用到各种算法,例如排序、搜索、字符串处理等。本文将介绍一些JavaScript编程中常见的算...
    99+
    2023-10-15
    编程算法 javascript git
  • JavaScript中String常见的方法有哪些
    这篇文章主要介绍JavaScript中String常见的方法有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1、charAt从一个字符串中返回指定的字符语法str.charAt(index)参数index一个介于...
    99+
    2023-06-25
  • .NET中常见的加解密算法详解
    目录一、MD5不可逆加密1、校验密码2、防篡改3、急速秒传4、源代码管理工具二、对称可逆加密三、非对称可逆加密一、MD5不可逆加密 不可逆加密是指将原文加密成密文以后,无法将密文解密...
    99+
    2022-11-13
  • Java Http请求方式之RestTemplate常用方法详解
    目录引言常见用法简单Get\Post请求Post提交常规表单Post上传文件配置项请求添加Cookie\Header配置请求工厂 超时、代理配置拦截器、转换器,错误处理错误重试(额外...
    99+
    2022-11-13
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作