23 JS常用二维数组操作

已于 2022-09-09 12:50:31 修改
阅读量4.7k 收藏 14
点赞数
分类专栏： javascript学习园地 文章标签： javascript
于 2021-09-09 11:02:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47197906/article/details/120196599
版权
本文介绍了如何在JavaScript中创建和遍历多维数组，重点讲解了二维数组的转置方法。在Web开发中，多维数组常用于存储复杂数据结构。创建时要注意确保数组元素已正确初始化，避免类型错误。遍历二维数组可以通过嵌套循环实现。在案例部分，详细阐述了如何将一个二维数组转换为其转置数组，这对于处理表格数据尤其有用。
摘要由CSDN通过智能技术生成

文章目录

1、创建

在这里插入图片描述
在Web项目开发中，还经常通过多维空数组添加元素的方式来创建多维数组。
在这里插入图片描述
若要为二维数组元素（如arr[i][0]）赋值，首先要保证添加的元素（如arr[i]）已经被创建为数组，否则程序会报“Uncaught TypeError……”错误。

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

2、遍历

一维数组可以利用for、for…in或for…of（ES6提供）进行遍历。
二维数组只需在遍历数组后，再次遍历数组的元素即可。
在这里插入图片描述

3、案例：二维数组转置

二维数组的转置指的是将二维数组横向元素保存为纵向元素。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

远近2021
关注
专栏目录
js两个二维数组合并_js 二维数组
weixin_39715348的博客
12-03 3494
二维数组的本质：数组中的元素又是数组var 初始化var 例题：在一个二维数组中，每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的二维数组和一个整数，判断数组中是否含有该整数我们首先想到的是遍历每个元素但是我们可以这样var arr = [[1,2,4,6],[2,4,7,8],[8,9,10,11],[9,12,13,15]]; //规律...
js 二维数组实现
igotom的专栏
04-05 459
 function getArray(data){      var arr=new   Array(data.length);   for(var i = 0; i    var arrtmp = new Array(2);   arr[i] = arrtmp;      arr[i][0] = data[i][0];   arr[i][1] = data[i][4];   }   return
JS中的数组--二维数组/多维数组
最新发布
wechatonly的博客
10-03 520
JS中数组是对象类型，浅拷贝和深拷贝的区别在二维数组上体现的淋漓尽致，本文主要介绍了JS中二维数组和多维数组的创建，修改和复制等（浅拷贝和深拷贝）
js 添加二維數組
weixin_33895516的博客
03-06 146
vara=[];a.push([1,2,3,4]);a.push([5,6,7,8]);alert(a[0][1]);添加二個數組進a 組成二維數組 转载于:https://blog.51cto.com/finddream/1748047
JavaScript 二维数组的数据写入
weixin_43565052的博客
06-14 1357
JavaScript，二维数组写入
程序员必看的数组详解！
黑马程序员官方博客
03-11 476
数组 什么是数组？ 数组是一组数据有序的集合。数组它是属于复合数据类型。它至少可以存储一个值(它可以存储很多很多值)。 例如我们生活中的仓库，可以存放很多我们需要的工具或物品 为什么要使用数组？ 因为在我们工作中 有很多数据是有关联的 我们要表示的时候想把这些数据用一个”东西”来存储，这个时候就可以用到数组！ 我们做开发的时候，需要将一个或多个数组进行存储的时候，可以考虑使用数...
javascript定义二维数组与添加
Fenrir1412的博客
04-10 549
你定义的已经就是的了啊。不是很明白你的问的什么。你是说如何向里面填充？双层循环就行了撒：for(var i = 0; i < X; i++){ for(var j = 0; j < Y; j++) data[i][j] = "???";} =========看了你对1楼的追问。其实JS里面数组本来就是动态的，没有固定的大小，随时往里面增加 ：var data =...
js二维数组添加一维数组
kitagawa_myouya的博客
12-20 565
【代码】js二维数组添加一维数组。
JavaScript二维数组的常用方法及排序
weixin_46516925的博客
04-01 3067
多维数组： 多维数组实际上就是数组的数组，指数组的每一元素也是一个数组； JavaScript中的二维数组的列的长度可以不唯一； 二维数组的创建： //创建已知的二维数组 var multiArr=[[1,2,3,4],[5,6,7],[8,9]]; //创建一个4行6列的二维数组 var muArr = new Array(4); ...
js reduce实现二维数组纵向和
js_admin的博客
12-05 1123
reduce() 的用法详解 过去有很长一段时间，我一直很难理解reduce()这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单聊聊JS中 reduce() 的用法。 一、语法 arr.reduce(function(prev,cur,index,arr){ ... }, init); 其中，arr表...
pythonjson构建二维数组_python二维键值数组生成转json的例子
weixin_39913141的博客
12-19 899
python二维键值数组生成转json的例子今天出于需要，要将爬虫爬取的一些数据整理成二维数组，再编码成json字符串传入数据库那么问题就来了，在php中这个过程很简便 ,类似这样：$arr[$key1][$key2]=$value在python中，字符串竟然不能当做键值，我本身也并不了解python，查了资料也没解决，后来找到这个函数：dict.setdefault(key, default=N...
js中数组插入、删除元素操作的方法
12-09
实例如下： /* * 删除数组元素:Array.removeArr(index) */ Array.prototype.removeArr = function (index) { if (isNaN(index) || index>= this.length) { return false; } this.splice(index, 1); } /* * 插入数组元素:Array.insertArr(dx) */ Array.prototype.insertArr = function (index, item) { this.spl
javascript二维数组(9)toString的用法
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
10-07 217
在JavaScript中，toString()是一个内置方法，用于将特定的对象转化为字符串表示形式。
java 二维数组的筛选_java中的筛选遍历数组，实例展示
weixin_39653761的博客
02-13 934
java中关于数组的知识点也是十分丰富的，上次已经为大家介绍过java中的二维数组排序是怎样的主要内容，今天再为大家介绍一些与数组相关的其他内容，也就是java中的筛选遍历数组，一起来看看吧。一、$.grep()筛选遍历数组。grep()循环能够遍历数组，并筛选符合条件的元素，组成新的数组，并返回。代码如下所示：function(){vararray=[1,2,3,4,5,6,...
js 二维数组
热门推荐
qianqian256的博客
12-20 1万+
js二维数组 我们经常会用到二维数组，但是javaScript没有二维数组，那么我们应该咋办呢？就是在一维数组里面在创建一个一维数组。 var arr = new Array(10); for (var i = 0; i &lt; arr.length; i++) { arr[i]=new Array(8); //不一定写for循环赋值，还可以直接赋值，在数量有限的情况下 for (...
JS中定义二维数组
寂寥人生
08-11 757
let arr = new Array() arr["name"] = "John"; arr["year"] = "1940"; arr["living"] = false; console.log(arr);
js二维数组的初始化，增删改查，遍历操作，数组头加入数据，数组尾加数据；js任意键值查询，遍历，去重操作；
kloumb的博客
07-24 5669
// js二维数组的增删改查，遍历操作 // 情况一，一般二维数组，一维二维键值均为数字 edit(); function edit(){ var data = [ ["30", 1, "联系组一", "1", true], ["31", 1, "联系组二", "1", true], ["180", 1,"局机关第一党支部", "1", ...
Javascript数组
weixin_30952535的博客
07-29 489
数组的概念：引用类型的对象。 本质：内存中存储多个数据的空间，再取个名字。 数据结构：数据结构不同，擅长的操作不同。 数组特点：便于数据的查找与维护。 数组的创建： 方法1：var 数组名=【元素1，元素2，元素3......元素n】； 注意：可以创建空数组，建议创建同时赋值！ 方式2：var 数组名=new Array（）； 数组的使用： 下标：每...
js 二维数组变一维
07-28
可以使用多种方法将二维数组变为一维数组。其中一种方法是使用ES6的展开运算符和递归函数。可以定义一个名为flatten的函数，该函数接受一个数组作为参数。在函数内部，使用map方法遍历数组的每个元素，如果元素是数组，则递归调用flatten函数，否则直接返回元素。最后，使用concat方法将所有返回的元素连接成一个新的数组。这样就可以将二维数组变为一维数组。以下是使用这种方法的示例代码： ```javascript var arr1 = \[\[0, 1\], \[2, 3\], \[4, 5\]\]; function flatten(arr) { return \[\].concat(...arr.map(x => Array.isArray(x) ? flatten(x) : x)); } var arr2 = flatten(arr1); // arr2 \[0, 1, 2, 3, 4, 5\] ``` 另一种方法是使用ES5的reduce方法。可以使用reduce方法遍历二维数组的每个元素，并使用concat方法将每个元素连接到累加器数组中。以下是使用这种方法的示例代码： ```javascript var arr1 = \[\[0, 1\], \[2, 3\], \[4, 5\]\]; var arr2 = arr1.reduce(function(a, b) { return a.concat(b); }); // arr2 \[0, 1, 2, 3, 4, 5\] ``` 还可以使用apply方法将二维数组作为参数传递给concat方法。在这种方法中，将一个空数组作为上下文对象，然后使用apply方法将二维数组作为参数传递给concat方法。以下是使用这种方法的示例代码： ```javascript var arr1 = \[\[0, 1\], \[2, 3\], \[4, 5\]\]; var arr2 = \[\].concat.apply(\[\], arr1); // arr2 \[0, 1, 2, 3, 4, 5\] ``` 以上是三种常用的方法将二维数组变为一维数组。根据具体的需求和使用的JavaScript版本，可以选择适合的方法来实现。 #### 引用[.reference_title] - *1* *2* *3* [js 标准二维数组变一维数组的方法](https://blog.csdn.net/cxu123321/article/details/107823556)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值