javascript二维数组转置,如何使用JavaScript转置二维数组？

给定一个二维数组(矩阵)，如何使用JavaScript进行矩阵的转置？下面本篇文章就来给大家介绍一下使用JavaScript转置二维数组的方法，希望对大家有所帮助。

方法1：

●　将二维数组存储到变量中。

●　显示二维数组(矩阵)内容。

●　调用map()方法，它为数组中的每个元素提供一次回调函数，相对于数组对角线调换数组中元素的位置。

示例：使用array.map()方法

点击这里

var el_up = document.getElementById("Array");

var el_down = document.getElementById("Array_DOWN");

var array = [

[1, 1, 1],

[2, 2, 2],

[3, 3, 3],

];

el_up.innerHTML = "[ [ " + array[0] + " ] ], [ [ "

+ array[1] + " ] ], [ [ " + array[2] + " ] ]";

function transpose(mat) {

for (var i = 0; i < mat.length; i++) {

for (var j = 0; j < i; j++) {

const tmp = mat[i][j];

mat[i][j] = mat[j][i];

mat[j][i] = tmp;

}

function Run() {

array = array[0].map((col, i) => array.map(row => row[i]));

el_down.innerHTML = "[ [ " + array[0] + " ] ], [ [ "

+ array[1] + " ] ], [ [ " + array[2] + " ] ]";

}

效果图：

方法2：

●　将二维数组存储到变量中。

●　将数组中的每个元素替换为其相对于数组对角线的镜像。

示例：创建一个函数，该函数用镜像替换每个元素以获取数组的转置。

点击这里

var el_up = document.getElementById("Array");

var el_down = document.getElementById("Array_DOWN");

var array = [

[1, 1, 1],

[2, 2, 2],

[3, 3, 3],

];

el_up.innerHTML = "[ [ " + array[0] + " ] ], [ [ "

+ array[1] + " ] ], [ [ " + array[2] + " ] ]";

function transpose(mat) {

for (var i = 0; i < mat.length; i++) {

for (var j = 0; j < i; j++) {

const tmp = mat[i][j];

mat[i][j] = mat[j][i];

mat[j][i] = tmp;

}

function gfg_Run() {

transpose(array);

el_down.innerHTML = "[ [ " + array[0] + " ] ], [ [ "

+ array[1] + " ] ], [ [ " + array[2] + " ] ]";

}

效果图：

javascript二维数组转置,如何使用JavaScript转置二维数组？相关推荐

JavaScript —— JSchallenger Arrays 数组练习（测试一下你的 JS 数组基础）【专题二】
文章目录二.JavaScript 数组练习 1. 返回数组 a 的第 n 个元素 2. 删除数组 a 的前三个元素,并返回结果 3. 提取数组 a 的后三个元素,并返回结果 4. 提取数组 a 的前 ...
uniapp中根据URL链接生成二维码（适用所有Javascript运行环境的前端应用）,保存二维码到本地相册。
推荐一款适用所有Javascript运行环境的二维码生成组件. uQRCode是一款基于Javascript环境开发的二维码生成插件,适用所有Javascript运行环境的前端应用和Node.js应用 ...
python 二维数组长度_谈一谈多维数组
谈一谈多维数组在各种语言中,都提供了多维数组.而多维数组又是很让人迷惑的一个语法结构.今天给大家聊一下多维数组使用中的一些问题. 这里,以Python和IDL为主讲解. 多维数组的概念 ...
java javascript数组_浅谈javascript和java中的数组
javascript中的数组数组的创建直接创建方式 var str = ['java', 'js']; 使用new创建方式: var a = new Array(10); // 定义长度为1 ...
JavaScript笔记6（数组，foreach()，slice()，splice()，数组的剩余方法，函数的方法call和apply ，arguments，Date对象，Math，字符串的相关方法）
JavaScript 数组(Array) forEach(),slice(),splice() 数组的剩余方法函数的方法call()和apply() arguments Date对象 Math 字符 ...
JavaScript 编程精解中文第三版十二、项目：编程语言
十二.项目:编程语言原文:Project: A Programming Language 译者:飞龙协议:CC BY-NC-SA 4.0 自豪地采用谷歌翻译部分参考了<JavaScript ...
python自动化（二）前端基础：3.JavaScript基础
一.JavaScript简介 JavaScript是一种脚本语言,可以在浏览器中直接运行.在传统的网站前端中我们一般使用HTML来搭建我们的页面骨架,使用CSS来渲染页面样式.这样页面的静态模式就基本 ...
Python使用numpy函数vsplit垂直（行角度）拆分numpy数组（返回拆分后的numpy数组列表）实战：垂直拆分二维numpy数组、split函数垂直拆分二维numpy数组
Python使用numpy函数vsplit垂直(行角度)拆分numpy数组(返回拆分后的numpy数组列表)实战:垂直拆分二维numpy数组.split函数垂直拆分二维numpy数组目录
python 空数组_【python三级】二维数组的表示
二维数据:由多个一维数据构成,是一维数据的组合形式. 表格就是典型的二维数据,其中表头是二维数组的一部分. 数组的操作: 二维数组本质上是以数组作为数组元素的数组,类型说明符,数组名,[常量表达式], ...

javascript二维数组转置,如何使用JavaScript转置二维数组？

javascript二维数组转置,如何使用JavaScript转置二维数组？相关推荐

最新文章

热门文章