js 数组 按列循环二维数组

期待效果:

核心代码:

java 复制代码
//js
function handle(array) {
    var result = [];
    for (let i = 0; i < array[0].length; i++) {
        var item = []; 
        for (let j = 0; j < array.length; j++) {
            item.push(array[j][i])
        } 
    	result.push(item);
    } 
	return result;
}

运行代码:

javascript 复制代码
let arr = [
  ['a1', 'b1', 'c1'],
  ['a2', 'b2', 'c2'],
  ['a3', 'b3', 'c3'],
];
function handle(array) {
  var result = [];
  for (let i = 0; i < array[0].length; i++) {
    var item = [];
    for (let j = 0; j < array.length; j++) {
      item.push(array[j][i]);
    }
    result.push(item);
  }
  return result;
}
console.log("数组>>>", arr);
console.log("按列循环二维数组>>>", handle(arr));

控制台运行效果:

相关推荐
Aotman_1 分钟前
Vue el-table 字段自定义排序(进阶)
前端·javascript·vue.js·elementui·前端框架·ecmascript
西维6 分钟前
大屏、看板必备的丝滑技巧 — 数字滚动
前端·javascript·动效
前端达人19 分钟前
2026年React数据获取的第六层:从自己写缓存到用React Query——减少100行代码的秘诀
前端·javascript·react.js·缓存·前端框架
2501_9481226321 分钟前
React Native for OpenHarmony 实战:Steam 资讯 App 通知设置实现
javascript·react native·react.js·游戏·ecmascript·harmonyos
小酒星小杜22 分钟前
在AI时代,技术人应该每天都要花两小时来构建一个反内耗构建系统 - Ship 篇
前端·javascript·vue.js
—Qeyser24 分钟前
Flutter 生命周期完全指南:从出生到死亡的全过程
前端·javascript·flutter
2501_9481226325 分钟前
React Native for OpenHarmony 实战:Steam 资讯 App 帮助中心实现
javascript·react native·react.js·游戏·ecmascript·harmonyos
念念不忘 必有回响30 分钟前
Vue页面布局与路由映射实战:RouterView嵌套及动态组件生成详解
前端·javascript·vue.js
冰暮流星31 分钟前
javascript数据类型转换-转换为数字型
开发语言·前端·javascript