JavaScript常见数组方法以及教你如何转置矩阵

本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了常见数组方法以及教你如何转置矩阵的相关问题,包括了创建与遍历、栈和队列、检索方法等等,希望对大家有帮助。

JavaScript常见数组方法以及教你如何转置矩阵

相关推荐:javascript教程

一、常见二维数组操作

创建与遍历

在前面的篇章中,已经学习了一维数组的各种创建方式,了解一维数组如何创建后,二维数组的创建就非常的简单了,只需将数组元素设置为数组即可。

在这里插入图片描述

立即学习“Java免费学习笔记(深入)”;

 在创建完二维数组后,如何遍历二维数组中的元素,对其进行操作呢?

一维数组可以利用for、for…in或for…of(ES6提供)进行遍历。二维数组只需在遍历数组后,再次遍历数组的元素即可。

另外,在Web项目开发中,还经常通过多维空数组添加元素的方式来创建多维数组。下面以添加二维空数组元素为例进行演示。

在这里插入图片描述

若要为二维数组元素(如arr[i][0])赋值,首先要保证添加的元素(如arr[i])已经被创建为数组,否则程序会报“Uncaught TypeError……”错误。

注意

在创建多维数组时,虽然JavaScript没有限制数组的维数,但是在实际应用中,为了便于代码阅读、调试和维护,推荐使用三维及以下的数组保存数据。

【案例】二维数组转置

二维数组的转置指的是将二维数组横向元素保存为纵向元素。

在这里插入图片描述

代码实现思路:

找规律:res[0][0] = arr[0][0]、res[0][1] = arr[1][0]、res[0][2] = arr[2][0]。得结论: res[i][j] = arr[j][i]。②res数组长度=arr元素(如arr[0])的长度。③res元素(如res[0])的长度=arr数组的长度。④按照③和④完成res的创建与遍历,按②进行转置。

为了让你们有成就感我就不贴代码了,有问题可以在评论区提出。其实矩阵完全可以存在数组里,以后做矩阵转置直接运行代码就行了。

二、常见数组方法

栈和队列方法

JavaScript中,除了前面讲解的添加与删除数组元素的方式外,还可以利用Array对象提供的方法,模拟栈和队列的操作。

在数组的末尾或开头添加数组的新元素。在数组的末尾或开头删除数组元素。

在这里插入图片描述

push()和unshift()方法的返回值是新数组的长度。pop()和shift()方法返回的是移出的数组元素。

检索方法

在开发中,若要检测给定的值是否是数组,或是查找指定的元素在数组中的位置。

在这里插入图片描述

表中除了Array.isArray()方法外,其余方法默认都是从指定数组索引的位置开始检索,且检索方式与运算符“===”相同,即只有全等时才会返回比较成功的结果。

includes()和Array.isArray()方法

Medeo Medeo

AI视频生成工具

Medeo 191 查看详情 Medeo

在这里插入图片描述

includes()方法的第1个参数表示待查找的值。includes()方法的第2个参数用于指定在数组中查找的下标。设置为大于数组长度时,数组不会被检索,直接返回false。设置为小于0的数时,则检索的索引位置等于数组长度加上指定的负数,若结果仍是小于0的数,则检索整个数组。

indexOf()方法

indexOf()用于在数组中从指定下标位置,检索到的第一个给定值,存在则返回对应的元素下标,否则返回-1。

注意

indexOf()方法的第2个参数用于指定开始查找的下标:

当其值大于或等于数组长度时,直接返回-1。当其值为负数时,则查找的下标位置等于数组长度加上指定的负数,若结果仍是小于0的数,则检索整个数组。

lastIndexOf()方法

Array对象提供的lastIndexOf()方法,用于在数组中从指定下标位置检索到的最后一个给定值的下标。与indexOf()检索方式不同的是,lastIndexOf()方法默认逆向检索,即从数组的末尾向数组的开头检索。

注意

lastIndexOf()方法的第2个参数用于指定查找的下标,且由于其采用逆向的方式检索:

当其值大于或等于数组长度时,则整个数组都会被查找。

当其值为负数时,则索引位置等于数组长度加上给定的负数,若其值仍为负数,则直接返回-1。

数组转字符串

开发中若需要将数组转换为字符串时,则可以利用JavaScript提供的方法实现。

在这里插入图片描述

在这里插入图片描述

join()和toString()方法的相同点:

可将多维数组转为字符串,默认情况下使用逗号连接。当数组元素为undefined、null或空数组时,对应的元素会被转换为空字符串

join()和toString()方法的不同点:

join()方法可以指定连接数组元素的符号。

其他方法

除前面讲解的几种常用方法外,JavaScript还提供了很多其他常用的数组方法。例如,合并数组、数组浅拷贝、颠倒数组元素的顺序等。

在这里插入图片描述

注意

slice()和concat()方法在执行后返回一个新的数组,不会对原数组产生影响,剩余的方法在执行后皆会原数组产生影响。splice()方法的第1个参数的值等于或大于数组长度时,从数组末尾开始操作;当该值为负数时,则下标位置等于数组长度加上指定的负数,若其值仍为负数,则从数组的开头开始操作。

相关推荐:javascript教程

以上就是JavaScript常见数组方法以及教你如何转置矩阵的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/837768.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
俄罗斯yandex引擎手机版入口
上一篇 2025年11月27日 11:09:21
2022年深度学习在时间序列预测和分类中的研究进展综述
下一篇 2025年11月27日 11:09:27

相关推荐

  • VSCode如何实现代码版本对比 VSCode Git差异对比的高效使用方法

    vscode通过scm视图直接对比工作区与head的差异;2. 点击已暂存文件可查看暂存区与head的差异;3. 通过命令面板、scm历史记录或右键菜单可对比任意版本或文件;4. 差异视图支持并排和内联模式,并提供跳转导航;5. 时间线视图可追溯文件级提交历史并对比各版本;6. gitlens扩展增…

    2026年9月23日
    500
  • mysql索引怎么用 mysql创建索引提高查询性能方法

    mysql索引怎么用 mysql创建索引提高查询性能方法mysql索引怎么用 mysql创建索引提高查询性能方法mysql索引怎么用 mysql创建索引提高查询性能方法mysql索引怎么用 mysql创建索引提高查询性能方法

    索引是mysql中提高查询性能的关键工具,它类似于书籍目录,可快速定位数据。创建索引主要使用create index或alter table语句,例如:create index idx_email on users (email); 或 alter table users add index idx…

    2026年9月23日 用户投稿
    000
  • Java中基于栈验证JSON字符串结构有效性的方法

    本文探讨了在Java中利用栈(Stack)数据结构验证JSON字符串结构有效性的方法。我们将分析一个常见的基于栈的实现示例,指出其在处理字符串内部字符、引号平衡以及转义字符方面的潜在缺陷。文章将提供一个改进的解决方案,并强调此方法主要用于结构匹配,而非完整的JSON语法验证,同时建议生产环境中使用专…

    2026年9月23日
    100
  • 快手极速版官方网页版地址_快手极速版App下载官网首页

    快手极速版官方网页版地址在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来快手极速版官方网页版地址及App下载相关信息,感兴趣的网友一起随小编来瞧瞧吧! https://www.kuaishou.com/ 1、小步骤内容。进入官网后可直接浏览平台首页推荐内容,涵盖生活记录、才艺展示等多个领域…

    2026年9月23日
    200
  • Flink项目实践 | Flink 单机安装部署

    Flink项目实践 | Flink 单机安装部署Flink项目实践 | Flink 单机安装部署Flink项目实践 | Flink 单机安装部署Flink项目实践 | Flink 单机安装部署

    apache flink 是一个用于对无界和有界数据流进行状态计算的框架和分布式处理引擎。flink 设计旨在所有常见集群环境中运行,并以内存速度和任意规模进行计算。 为了深入了解 Flink,首先需要搭建其运行环境。 Flink 可以在所有类似 UNIX 的环境中运行,包括 Linux,Mac O…

    2026年9月23日 用户投稿
    200
  • Windows系统安装MySQL的完整步骤是什么?

    Windows系统安装MySQL的完整步骤是什么?Windows系统安装MySQL的完整步骤是什么?Windows系统安装MySQL的完整步骤是什么?Windows系统安装MySQL的完整步骤是什么?

    安装#%#$#%@%@%$#%$#%#%#$%@_81c++3b080dad537de7e10e0987a4bf52e前需准备系统兼容性、硬件资源、前置运行时库、管理员权限及排查端口冲突。1. 系统兼容性:确保使用windows 10/11或对应server版本;2. 硬件资源:建议至少4gb内存;…

    2026年9月23日 用户投稿
    100
  • 如何在AdobeFresco导出AI生成的画作?快速保存图像的教程

    答案:Adobe Fresco支持PNG、JPG、PSD、PDF和MP4等导出格式。PNG适合透明背景和高质量网络展示;JPG适用于小文件、快速分享的有损压缩图像;PSD保留图层与矢量信息,便于在Photoshop中继续编辑;PDF适合打印和跨平台文档共享;MP4用于导出创作延时视频。选择格式时需根…

    2026年9月23日
    100
  • windows8的索引服务怎么关闭以提高性能_windows8关闭索引服务提升速度的方法

    1、可通过禁用Windows Search服务或调整索引范围解决Win8.1硬盘频繁读写问题;前者彻底关闭服务,后者减少索引范围以降低资源占用。 如果您在使用Windows 8系统时发现硬盘频繁读写,影响了整体运行效率,这可能是由于索引服务持续工作导致的。关闭或调整该服务可能有助于提升系统响应速度。…

    2026年9月23日
    000
  • Windows 11 截图工具更新,支持即时标注

    微软近期为其内置的截图工具带来了一项重要升级,正式引入即时标注功能,目前该功能正逐步向所有用户推送。 过去,尽管截图工具和画图应用已支持添加文本框或标记内容,但用户必须先将截图保存,或手动打开相关程序后才能进行编辑操作。 通常情况下,当用户使用鼠标拖选区域时,系统会立即完成截图并自动存入默认的库文件…

    2026年9月23日
    000
  • VSCode配置MacOS C环境 详细图解VSCode搭建C++开发

    在mac++os上用vscode配置c/c++环境的关键是安装xcode command line tools以获取clang编译器和lldb调试器,然后安装vscode的c/c++扩展,接着创建项目文件夹和源文件,通过配置tasks.json定义编译任务,确保使用clang编译当前文件并生成可执行…

    2026年9月23日
    100
  • Java JSON字符串有效性验证:基于栈的实现与常见陷阱

    本文深入探讨了使用Java栈结构验证JSON字符串有效性的方法。通过分析一个常见错误示例,详细阐述了在处理括号、方括号以及字符串引号时的正确逻辑,特别强调了字符串内部字符(包括转义字符)不应影响结构平衡的原则,并提供了改进思路,旨在帮助开发者构建健壮的JSON验证器。 JSON结构与栈的适用性 JS…

    2026年9月23日
    000
  • win11玩游戏时突然黑屏但电脑还在运行怎么办_win11游戏黑屏但电脑正常运行解决方案

    黑屏但主机运行时可尝试重启资源管理器、更新显卡驱动、修复系统文件及调整注册表设置。首先通过任务管理器重启Windows资源管理器;若无效,则在设备管理器中更新或回滚显卡驱动;接着以管理员身份运行命令提示符,执行sfc /scannow和DISM命令修复系统文件;最后修改注册表HKEY_CURRENT…

    2026年9月23日
    100
  • 悟空浏览器提示证书错误或无效怎么办_悟空浏览器证书错误或无效问题解决方案

    首先检查系统时间和日期是否准确,开启自动同步;其次清除悟空浏览器缓存或更新至最新版本;若为自签名证书可手动安装信任;排除安全类应用干扰并重置网络设置以解决证书错误问题。 如果您在使用悟空浏览器访问某个网站时,收到“证书错误”或“证书无效”的提示,这通常意味着浏览器无法验证该网站的安全证书,可能由系统…

    2026年9月23日
    000
  • Snagit的AI工具怎么裁剪图片?教你精准完成图片裁剪方法

    Snagit的AI工具怎么裁剪图片?教你精准完成图片裁剪方法Snagit的AI工具怎么裁剪图片?教你精准完成图片裁剪方法Snagit的AI工具怎么裁剪图片?教你精准完成图片裁剪方法Snagit的AI工具怎么裁剪图片?教你精准完成图片裁剪方法

    Snagit虽无一键AI裁剪,但通过魔棒、智能移动等智能工具辅助选区,结合裁剪功能可高效精准裁剪;关键在于利用颜色识别与对象分离技术提升效率,避免纯手动操作,再通过调整比例、放大细节、善用撤销等功能优化结果。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R…

    2026年9月23日 用户投稿
    000
  • Java javac 命令与当前工作目录解析

    在Java编译环境中,javac命令的“当前目录”指的是命令被执行的物理位置,而非源文件所在的目录。理解这一概念对于正确配置和管理Java项目的编译路径至关重要,特别是当默认的classpath设置为.时,它决定了编译器查找类文件的起点。 1. javac 命令与当前工作目录的定义 在操作系统中,当…

    2026年9月23日
    100
  • 苹果 iPhone Air 今日正式发售:仅支持 eSIM,起售价 7999 元

    10 月 22 日消息,苹果全新 iphone air 于今日上午 8:00 正式开售,起售价定为 7999 元。值得关注的是,该机型仅支持 esim 功能,用户需持本人有效身份证件前往运营商实体营业厅完成实名核验与服务激活。现阶段仍处于商用试验阶段,暂未开放线上办理通道。 iPhone Air 搭…

    2026年9月23日
    200
  • VSCode调试JavaScript代码(详细图解,前端必学技能)

    掌握VSCode调试JavaScript需先安装Node.js和VSCode,创建项目及app.js文件后,配置launch.json,设置断点并启动调试,通过变量面板和控制台检查值,结合条件断点、日志点、监听表达式等技巧提升效率;调试浏览器代码需安装Chrome或Edge调试插件,配置url和we…

    2026年9月23日
    200
  • 电脑视频号直播如何拼屏?直播拼屏有什么用?

    在电脑端进行视频号直播时,使用拼屏功能可以显著增强内容的丰富度与观众的观看体验。通过将多个画面组合展示,直播更具层次感和互动性。那么,具体该如何实现电脑视频号直播的拼屏呢? 一、电脑视频号直播拼屏操作步骤 前期准备:确保电脑性能良好,满足直播流畅运行的需求;下载并安装最新版本的视频号直播助手工具;准…

    2026年9月23日
    200
  • Bash Shell 中单引号和双引号的区别

    Bash Shell 中单引号和双引号的区别Bash Shell 中单引号和双引号的区别Bash Shell 中单引号和双引号的区别Bash Shell 中单引号和双引号的区别

    在 linux 命令行中,引号是处理文件名中的空格和特殊字符的常用工具。引号在 shell 脚本中具有“特殊功能”,可能让初学者感到困惑。让我们详细探讨不同类型的引号字符及其在 shell 脚本中的用法。 有四种不同类型的引号字符: 单引号 ‘双引号 “反斜杠 反引号 ` 除…

    2026年9月23日 用户投稿
    500
  • 三星A系列微信收款语音播报怎么设置?快速启用语音的详细教程

    要设置三星A系列手机微信收款语音播报,需先开启微信内“收款到账语音提醒”,再在系统设置中确保微信通知权限全开,并关闭勿扰模式、调高媒体音量。同时检查电池优化设置,避免后台限制,保持微信更新,确保系统资源充足,方可稳定播报。 三星A系列手机要设置微信收款语音播报,其实核心就两步:一是确保微信内部功能开…

    2026年9月23日
    100

发表回复

登录后才能评论
关注微信