从矩阵行中提取正数和并构建新数组的教程-js教程-PHP中文网

从矩阵行中提取正数和并构建新数组的教程

碧海醫心

发布： 2025-09-24 14:54:18

原创

923人浏览过

从矩阵行中提取正数和并构建新数组的教程

本教程旨在指导读者如何从二维数组（矩阵）的每一行中，筛选并计算所有正数的和，最终将这些行和构成一个新的数组。文章将深入剖析常见的编程陷阱，如求和变量的错误初始化和循环索引的偏差，并提供一套经过优化的JavaScript代码示例，确保逻辑清晰、执行准确，帮助读者掌握矩阵数据处理的关键技巧。

理解目标：从矩阵行中提取正数之和

在数据处理和算法设计中，我们经常需要对矩阵（二维数组）进行各种操作。其中一个常见需求是遍历矩阵的每一行，识别并累加其中的正数元素，最终将这些行级正数和收集到一个新的数组中。例如，给定一个3x3的矩阵，我们期望得到一个包含三个元素的数组，每个元素对应原矩阵一行中所有正数的总和。

常见陷阱与问题分析

在实现上述功能时，初学者常会遇到两个主要问题，导致计算结果不准确：

求和变量初始化不当： 许多开发者习惯性地将每行的求和变量初始化为该行的第一个元素，例如 let posSum = myArray[i][0];。如果该行的第一个元素是负数，那么即使后续的正数被正确累加，最终的总和也会被这个初始的负值所“污染”，导致结果偏小。正确的做法是，在开始累加之前，将求和变量初始化为 0。
循环索引范围错误： 当求和变量被初始化为行的第一个元素时，内层循环通常会从第二个元素（索引 1）开始遍历。然而，如果求和变量已经初始化为 0，那么内层循环就应该从行的第一个元素（索引 0）开始，以确保所有元素都被正确检查和处理。

MacsMind
电商AI超级智能客服

192

查看详情

正确的实现方法与代码示例

为了避免上述问题，我们应遵循以下原则：将每行的累加器初始化为 0，并确保内层循环覆盖行中的所有元素。

以下是使用JavaScript实现此功能的优化代码：

<!DOCTYPE html>
<html>
<head>
    <title>矩阵正数行和</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 20px; }
        pre { background-color: #f4f4f4; padding: 10px; border-radius: 5px; overflow-x: auto; }
        .matrix-display, .result-display { margin-top: 20px; }
        .matrix-row { display: flex; }
        .matrix-cell { border: 1px solid #ccc; padding: 5px; margin: 2px; min-width: 30px; text-align: center; }
    </style>
</head>
<body>
    <h1>从矩阵行中提取正数之和</h1>
    <div id="result-container"></div>

    <script>
        // 1. 生成一个示例矩阵 (3x3)
        let myArray = [];
        const rows = 3;
        const cols = 3;

        for (let i = 0; i < rows; i++) {
            myArray[i] = [];
            for (let j = 0; j < cols; j++) {
                // 生成-10到9之间的随机整数
                myArray[i][j] = Math.floor(Math.random() * 20 - 10) + 1;
            }
        }

        // 2. 打印原始矩阵到控制台和页面
        console.log("原始矩阵:", myArray);
        let outputHtml = '<h2>原始矩阵:</h2><div class="matrix-display">';
        myArray.forEach(row => {
            outputHtml += '<div class="matrix-row">';
            row.forEach(cell => {
                outputHtml += `<div class="matrix-cell">${cell}</div>`;
            });
            outputHtml += '</div>';
        });
        outputHtml += '</div>';

        // 3. 计算每行正数之和并存储到新数组F
        let F = []; // 用于存储每行正数和的新数组

        // 遍历矩阵的每一行
        for (let i = 0; i < myArray.length; i++) {
            let posSum = 0; // 关键：将每行的求和变量初始化为0

            // 遍历当前行的每一个元素
            for (let j = 0; j < myArray[i].length; j++) { // 关键：内层循环从索引0开始
                if (myArray[i][j] > 0) { // 如果元素是正数
                    posSum += myArray[i][j]; // 累加到posSum
                }
            }
            F.push(posSum); // 将当前行的正数和添加到数组F
        }

        // 4. 打印结果数组F到控制台和页面
        console.log("每行正数之和数组F:", F);
        outputHtml += `<h2>每行正数之和数组 F:</h2><div class="result-display">`
        outputHtml += `<pre class="brush:php;toolbar:false;">${JSON.stringify(F, null, 2)}

登录后复制

`; outputHtml += ``; document.getElementById('result-container').innerHTML = outputHtml;

以上就是从矩阵行中提取正数和并构建新数组的教程的详细内容，更多请关注php中文网其它相关文章！