js怎么封装打印任意行任意列的

在JavaScript中封装打印任意行任意列的方法

封装打印任意行任意列的方法在JavaScript中可以通过创建一个函数来实现，该函数接收行数和列数作为参数，利用循环结构来打印对应的内容。灵活、易于维护、可重用是封装这个功能的核心要点。下面详细讲解如何实现这一功能。

一、创建打印函数

封装打印功能的第一步是创建一个函数。这个函数需要接收两个参数：行数和列数。函数内部通过嵌套循环来遍历每一行和每一列，并输出对应的内容。

function printGrid(rows, cols) {
    for (let i = 0; i < rows; i++) {
        let rowStr = '';
        for (let j = 0; j < cols; j++) {
            rowStr += `[${i},${j}] `;
        }
        console.log(rowStr);
    }
}

在这个函数中，外层循环遍历每一行，内层循环遍历每一列。每一行的数据通过字符串拼接的方式组合起来，最终通过console.log打印出来。

二、参数校验

为了确保函数的健壮性，我们需要对传入的参数进行校验，确保它们是有效的正整数。

function printGrid(rows, cols) {
    if (!Number.isInteger(rows) || rows <= 0 || !Number.isInteger(cols) || cols <= 0) {
        console.error('行数和列数必须是正整数');
        return;
    }
    for (let i = 0; i < rows; i++) {
        let rowStr = '';
        for (let j = 0; j < cols; j++) {
            rowStr += `[${i},${j}] `;
        }
        console.log(rowStr);
    }
}

三、添加自定义内容

有时我们可能需要在网格中打印自定义内容而不仅仅是行列索引。为此，我们可以在函数中添加一个回调函数参数，用于生成自定义内容。

function printGrid(rows, cols, contentGenerator) {
    if (!Number.isInteger(rows) || rows <= 0 || !Number.isInteger(cols) || cols <= 0) {
        console.error('行数和列数必须是正整数');
        return;
    }
    for (let i = 0; i < rows; i++) {
        let rowStr = '';
        for (let j = 0; j < cols; j++) {
            let content = contentGenerator ? contentGenerator(i, j) : `[${i},${j}]`;
            rowStr += `${content} `;
        }
        console.log(rowStr);
    }
}

在这里，contentGenerator是一个可选的回调函数，用于生成自定义内容。如果未提供回调函数，默认打印行列索引。

四、示例应用

下面是一些示例，展示如何使用上述封装的printGrid函数：

// 示例1：打印默认的行列索引
printGrid(3, 4);
// 示例2：打印自定义内容
printGrid(3, 4, (i, j) => `Cell(${i},${j})`);
// 示例3：打印乘法表
printGrid(3, 4, (i, j) => `${i * j}`);

五、扩展功能

为了提升函数的通用性和灵活性，还可以添加更多的功能，比如格式化输出、选择性打印特定行列等。

1、格式化输出

可以增加一个参数，用于指定输出格式，例如每行输出的分隔符等。

function printGrid(rows, cols, contentGenerator, separator = ' ') {
    if (!Number.isInteger(rows) || rows <= 0 || !Number.isInteger(cols) || cols <= 0) {
        console.error('行数和列数必须是正整数');
        return;
    }
    for (let i = 0; i < rows; i++) {
        let rowStr = '';
        for (let j = 0; j < cols; j++) {
            let content = contentGenerator ? contentGenerator(i, j) : `[${i},${j}]`;
            rowStr += `${content}${separator}`;
        }
        console.log(rowStr.trim());
    }
}

2、选择性打印特定行列

可以增加参数来指定需要打印的行和列的范围，进一步提高函数的灵活性。

function printGrid(rows, cols, contentGenerator, separator = ' ', startRow = 0, endRow = rows, startCol = 0, endCol = cols) {
    if (!Number.isInteger(rows) || rows <= 0 || !Number.isInteger(cols) || cols <= 0) {
        console.error('行数和列数必须是正整数');
        return;
    }
    for (let i = startRow; i < endRow; i++) {
        let rowStr = '';
        for (let j = startCol; j < endCol; j++) {
            let content = contentGenerator ? contentGenerator(i, j) : `[${i},${j}]`;
            rowStr += `${content}${separator}`;
        }
        console.log(rowStr.trim());
    }
}

六、应用示例

下面是一些应用示例，展示如何使用扩展后的printGrid函数：

// 示例1：打印默认的行列索引
printGrid(3, 4);
// 示例2：打印自定义内容
printGrid(3, 4, (i, j) => `Cell(${i},${j})`);
// 示例3：打印乘法表
printGrid(3, 4, (i, j) => `${i * j}`);
// 示例4：打印部分行列
printGrid(5, 5, (i, j) => `${i * j}`, ' ', 1, 4, 1, 4);

通过以上步骤，我们成功地封装了一个可以打印任意行任意列内容的JavaScript函数，并添加了一些扩展功能以提高其灵活性和通用性。这种封装方法在实际项目中非常实用，可以大大简化代码的复杂度，提高代码的可维护性。