草庐IT

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

微风洋洋 2023-04-11 原文

📜个人简介

⭐️个人主页：微风洋洋🙋‍♂️
🍑博客领域：编程基础,后端
🍅写作风格：干货,干货,还是tmd的干货
🌸精选专栏：【JavaScript】
🚀支持洋锅：点赞👍、收藏⭐、留言💬

好久不见，甚是想念！
大家好！我是微风洋洋
芜湖，起飞🚀

今天这篇文章就是来和大家详细聊聊JavaScript常见数组方法，不知道大家有没有学过线性代数呢，如果学过那么矩阵转置那可就太熟悉了。
今天我想试试能不能用数组来实现矩阵转置呢？

想知道，那就接着往下看吧。希望大家读完有所收获，那我辛苦码字也就值了。

文章目录

一、常见二维数组操作

🌴创建与遍历

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

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

  • 一维数组可以利用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()方法

  • 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个参数的值等于或大于数组长度时，从数组末尾开始操作；当该值为负数时，则下标位置等于数组长度加上指定的负数，若其值仍为负数，则从数组的开头开始操作。

如果觉得这篇文章对你有一丢丢启发的话，不妨 点赞👍、收藏⭐、留言💬支持一下，你的支持将是我继续创作的最大动力❤️❤️❤️

由于作者水平有限，如有错误和不准确之处在所难免，本人也很想知道这些错误，恳望读者批评指正！

if (学会了）{
点个赞，给个好评，我祝福你学啥会啥；
}else{
收藏一下以后慢慢学，我相信你能学会；
}

JavaScript常见ltgtquot

有关JavaScript常见数组方法，教你如何转置矩阵的更多相关文章

  1. ruby - 如何使用 Nokogiri 的 xpath 和 at_xpath 方法 - 2

    我正在学习如何使用Nokogiri，根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div

  2. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

    总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  3. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法？ - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  4. ruby - Facter::Util::Uptime:Module 的未定义方法 get_uptime (NoMethodError) - 2

    我正在尝试设置一个puppet节点，但ruby​​gems似乎不正常。如果我通过它自己的二进制文件(/usr/lib/ruby/gems/1.8/gems/facter-1.5.8/bin/facter)在cli上运行facter，它工作正常，但如果我通过由ruby​​gems(/usr/bin/facter)安装的二进制文件，它抛出:/usr/lib/ruby/1.8/facter/uptime.rb:11:undefinedmethod`get_uptime'forFacter::Util::Uptime:Module(NoMethodError)from/usr/lib/ruby

  5. python - 如何使用 Ruby 或 Python 创建一系列高音调和低音调的蜂鸣声？ - 2

    关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点？我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等)，但我确实想创建一个输出文件。

  6. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

    给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息？ 最佳答案 在Rails3中，update_all不返回任何有意义的信息，除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

  7. ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的 - 2

    我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t

  8. ruby-on-rails - 在 Ruby 中循环遍历多个数组 - 2

    我有多个ActiveRecord子类Item的实例数组，我需要根据最早的事件循环打印。在这种情况下，我需要打印付款和维护日期，如下所示:ItemAmaintenancerequiredin5daysItemBpaymentrequiredin6daysItemApaymentrequiredin7daysItemBmaintenancerequiredin8days我目前有两个查询，用于查找maintenance和payment项目(非排他性查询)，并输出如下内容:paymentrequiredin...maintenancerequiredin...有什么方法可以改善上述(丑陋的)代

  9. ruby - 如何将脚本文件的末尾读取为数据文件(Perl 或任何其他语言) - 2

    我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚

  10. Ruby 方法() 方法 - 2

    我想了解Ruby方法methods()是如何工作的。我尝试使用“ruby方法”在Google上搜索，但这不是我需要的。我也看过ruby​​-doc.org，但我没有找到这种方法。你能详细解释一下它是如何工作的或者给我一个链接吗？更新我用methods()方法做了实验，得到了这样的结果:'labrat'代码classFirstdeffirst_instance_mymethodenddefself.first_class_mymethodendendclassSecond使用类#returnsavailablemethodslistforclassandancestorsputsSeco

随机推荐