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));

控制台运行效果:

相关推荐
小小前端--可笑可笑22 分钟前
Vue / React 单页应用刷新 /login 无法访问问题分析
运维·前端·javascript·vue.js·nginx·react.js
小林敲代码77881 小时前
记一次 Vue 项目首屏优化:从 7.1s 到 0.9s,深挖 Gzip 的力量
前端·javascript·vue.js
Highcharts.js1 小时前
什么是向量图表?如何用 Highcharts 快速创建一个笛卡尔坐标图/矢量图?
javascript·开发文档·highcharts·图表开发·向量图·矢量图表·笛卡尔坐标图
脱离语言2 小时前
Jeecg3.8.2 前端经验汇总
开发语言·前端·javascript
NEXT062 小时前
useMemo 与 useCallback 的原理与最佳实践
前端·javascript·react.js
小爱丨同学2 小时前
React-Context用法汇总 +注意点
前端·javascript·react.js
木易 士心4 小时前
ESLint 全指南:从原理到实践,构建高质量的 JavaScript/TypeScript 代码
javascript·ubuntu·typescript
前端达人5 小时前
都2026年了,还在用Options API?Vue组合式API才是你该掌握的“正确姿势“
前端·javascript·vue.js·前端框架·ecmascript
chao-Cyril6 小时前
从入门到进阶:前端开发的成长之路与实战感悟
前端·javascript·vue.js
前端达人6 小时前
被JavaScript忽视的Web Animations API:为什么说它是前端动画的真正未来?
开发语言·前端·javascript·ecmascript