JS中一维数组和二维数组怎么互转

在JavaScript中，数组是一种非常灵活的数据结构，可以存储不同类型的数据。一维数组和二维数组是两种常见的数组形式。一维数组是一个简单的线性列表，而二维数组则是一个数组的数组，通常用于表示矩阵或表格数据。在实际开发中，我们经常需要在两者之间进行转换。本文将详细介绍如何在JavaScript中实现一维数组和二维数组的互转。

一维数组转二维数组

1. 使用循环手动转换

最简单的方法是使用循环手动将一维数组转换为二维数组。假设我们有一个一维数组 arr，我们希望将其转换为一个 m x n 的二维数组。

function convertTo2D(arr, m, n) {
    let result = [];
    for (let i = 0; i < m; i++) {
        let row = [];
        for (let j = 0; j < n; j++) {
            row.push(arr[i * n + j]);
        }
        result.push(row);
    }
    return result;
}

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
let m = 3, n = 3;
let twoDArray = convertTo2D(arr, m, n);
console.log(twoDArray);
// 输出: [[1, 2, 3], [4, 5, 6], [7, 8, 9]]

2. 使用 Array.prototype.slice 方法

我们还可以使用 slice 方法来简化转换过程。slice 方法可以从数组中提取一部分元素，并返回一个新的数组。

function convertTo2D(arr, m, n) {
    let result = [];
    for (let i = 0; i < m; i++) {
        result.push(arr.slice(i * n, (i + 1) * n));
    }
    return result;
}

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
let m = 3, n = 3;
let twoDArray = convertTo2D(arr, m, n);
console.log(twoDArray);
// 输出: [[1, 2, 3], [4, 5, 6], [7, 8, 9]]

3. 使用 Array.from 方法

Array.from 方法可以将类数组对象或可迭代对象转换为数组。我们可以利用它来生成二维数组。

function convertTo2D(arr, m, n) {
    return Array.from({ length: m }, (_, i) => arr.slice(i * n, (i + 1) * n));
}

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
let m = 3, n = 3;
let twoDArray = convertTo2D(arr, m, n);
console.log(twoDArray);
// 输出: [[1, 2, 3], [4, 5, 6], [7, 8, 9]]

二维数组转一维数组

1. 使用 Array.prototype.concat 方法

concat 方法可以将多个数组合并为一个数组。我们可以利用它来将二维数组展平为一维数组。

function convertTo1D(twoDArray) {
    return [].concat(...twoDArray);
}

let twoDArray = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
let arr = convertTo1D(twoDArray);
console.log(arr);
// 输出: [1, 2, 3, 4, 5, 6, 7, 8, 9]

2. 使用 Array.prototype.reduce 方法

reduce 方法可以将数组中的元素累加为一个值。我们可以利用它来将二维数组展平为一维数组。

function convertTo1D(twoDArray) {
    return twoDArray.reduce((acc, row) => acc.concat(row), []);
}

let twoDArray = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
let arr = convertTo1D(twoDArray);
console.log(arr);
// 输出: [1, 2, 3, 4, 5, 6, 7, 8, 9]

3. 使用 Array.prototype.flat 方法

flat 方法可以将多维数组展平为一维数组。默认情况下，flat 只会展平一层。

let twoDArray = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
let arr = twoDArray.flat();
console.log(arr);
// 输出: [1, 2, 3, 4, 5, 6, 7, 8, 9]

总结

在JavaScript中，一维数组和二维数组之间的转换可以通过多种方式实现。对于一维数组转二维数组，我们可以使用循环、slice 方法或 Array.from 方法。对于二维数组转一维数组，我们可以使用 concat 方法、reduce 方法或 flat 方法。根据具体的需求和场景，选择合适的方法可以提高代码的效率和可读性。

希望本文对你理解和使用JavaScript中的数组转换有所帮助！