从二维数组行中计算正数之和并生成新数组的教程

从二维数组行中计算正数之和并生成新数组的教程

本教程详细阐述了如何从二维数组(矩阵)的每行中提取并计算所有正元素的总和,最终生成一个包含这些行总和的新数组。文章重点分析了常见的编程陷阱,如不正确的累加器初始化和循环边界设置,并提供了优化的JavaScript代码示例,确保准确无误地实现目标功能,提升代码的健壮性与可读性。

理解任务目标

我们的目标是处理一个二维数组(或称为矩阵),并为它的每一行创建一个正数之和。例如,如果有一个矩阵 [[1, -2, 3], [-4, 5, -6], [7, 8, -9]],我们希望得到一个新数组,其中包含 [1+3, 5, 7+8],即 [4, 5, 15]。这要求我们遍历矩阵的每一行,并在每行中识别并累加所有大于零的元素。

常见陷阱与错误分析

在实现上述功能时,开发者常会遇到两个主要问题,导致计算结果不准确。原始代码中的错误即是典型的示例:

累加器初始化错误:原始代码将每行的正数和 posSum 初始化为该行的第一个元素 myArray[i][0]。

let posSum = myArray[i][0]; // 错误:如果第一个元素是负数,则累加器将从负值开始

如果 myArray[i][0] 是一个负数(例如 -5),那么 posSum 就会从 -5 开始累加。即使后续所有正数都被正确添加,最终结果也会因为这个负的起始值而变得不正确,因为它实际上包含了这个负数。而我们的目标是只计算“正数”之和。

内层循环边界错误:原始代码的内层循环从索引 j = 1 开始遍历。

for (let j = 1; j  0) {    posSum += myArray[i][j];  }}

这意味着该行的第一个元素 myArray[i][0] 会被完全跳过,不会参与到后续的 if (myArray[i][j] > 0) 判断中。这进一步加剧了问题:如果 myArray[i][0] 是一个正数,它也不会被计入总和。

这些错误共同导致了即使行中存在正数,也可能因为负的起始值或元素被跳过而无法得到正确的正数之和。

正确的实现方法

为了避免上述问题,我们需要对代码进行两项关键修正:

将累加器初始化为零: 在计算每行的正数和之前,始终将用于累加的变量(例如 posSum)初始化为 0。这样可以确保我们的计算总是从一个中性值开始,只累加明确的正数。确保内层循环覆盖所有元素: 内层循环应从索引 0 开始,遍历该行的所有元素,以确保每个元素都有机会被检查是否为正数并被累加。

下面是修正后的JavaScript代码示例:

    从矩阵行中计算正数之和    
// 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++) { // 填充随机数,范围从-9到10 myArray[i][j] = Math.floor(Math.random() * 20 - 10) + 1; } } // 2. 打印原始数组到控制台,以便对照 console.log("原始二维数组 (myArray):"); console.log(myArray); // 3. 用于存储每行正数之和的数组 let F = []; // 4. 遍历二维数组的每一行 for (let i = 0; i < myArray.length; i++) { // 外层循环遍历行 // 关键修正1: 每行的正数和累加器必须初始化为0 let posSum = 0; // 关键修正2: 内层循环必须从索引0开始,遍历该行的所有元素 for (let j = 0; j 0) { posSum += myArray[i][j]; // 如果是正数,则累加 } } F.push(posSum); // 将当前行的正数和添加到结果数组F } // 5. 打印结果数组到控制台和HTML页面 console.log("每行正数之和数组 (F):"); console.log(F); // 将结果输出到HTML页面 let outputHtml = `

原始二维数组:

${JSON.stringify(myArray, null, 2)}

`; outputHtml += `

每行正数之和数组 (F):

${JSON.stringify(F, null, 2)}

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

以上就是从二维数组行中计算正数之和并生成新数组的教程的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1522480.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月20日 15:04:43
下一篇 2025年12月20日 15:04:48

相关推荐

  • 解决React应用输入框卡顿:避免渲染函数中的异步setState循环

    当react应用在输入时卡顿,常见原因是组件渲染函数中直接触发异步调用并更新状态,导致无限重渲染循环。本文将深入分析此问题,并提供使用`useeffect`钩子来管理副作用的正确方法,从而避免性能瓶颈,确保应用流畅运行。核心在于将异步操作及其状态更新逻辑隔离在副作用钩子中,而非直接在组件顶层执行。 …

    2025年12月21日 好文分享
    000
  • React中渲染嵌套数据:map()的深度应用与最佳实践

    // // );// }// export default App; 在这个示例中,我们首先使用data.adSets.map()迭代顶层的adSets数组,为每个adSet生成一个 元素。接着,在每个adSet的内部,我们再次使用adSet.ads.map()来迭代其包含的ads数组,为每个ad生…

    2025年12月21日
    000
  • jQuery如何使用remove()方法删除dom节点

    remove()方法可彻底删除DOM元素及子元素、事件和数据,语法为$(selector).remove();支持删除指定元素如$(‘#box’).remove(),批量删除如$(‘p.tip’).remove(),或带条件筛选删除如$(‘…

    2025年12月21日
    000
  • 通过URL哈希实现网页标签页的动态激活

    本文详细介绍了如何利用url中的哈希值(#hash)来动态激活网页上的特定标签页。通过监听页面加载和url哈希变化事件,并结合javascript代码,实现点击链接或直接访问带哈希的url时,自动选中并显示对应的标签内容,极大地提升了用户体验和链接的灵活性。 在现代网页应用中,标签页(Tabs)是组…

    2025年12月21日 好文分享
    000
  • React中如何优雅地更新嵌套状态中的函数对象

    在React应用中,当需要更新包含函数对象的复杂嵌套状态时,直接修改或手动复制函数容易导致问题。本文将详细介绍如何使用React的函数式状态更新和ES6的展开运算符(spread operator),以不可变的方式安全、高效地更新嵌套状态中的函数,确保组件行为的正确性和一致性,尤其适用于图表回调函数…

    2025年12月21日
    000
  • JavaScript 模块化:ES6 Module 的导入导出规范

    ES6 Module通过import和export实现静态模块化,支持命名导出(可多个)和默认导出(仅一个),提升代码可维护性;命名导出用export关键字,导入时需对应名称或重命名,也可整体导入为命名空间;默认导出使用export default,导入时可自定义名称;混合导入支持同时引入默认和命名…

    2025年12月21日
    000
  • 在Google Apps Script中实现HTML表格多列筛选

    本教程将指导您如何在google apps script项目中,通过javascript修改html表格的筛选功能,使其能够跨所有列进行数据搜索,而非仅限于特定列,从而提升用户体验和数据检索的灵活性。我们将分析现有单列筛选代码的局限性,并提供一个优化方案,通过迭代行内所有单元格来执行全面的文本匹配,…

    2025年12月21日
    000
  • 前端表单怎么提交到后端JS_前端HTML表单数据提交至Node后端处理教程

    答案:前端通过HTML表单的POST方法将数据提交至Node.js后端,需设置正确的action路径,并在后端使用express.urlencoded()解析请求体。示例中表单提交到/submit路径,服务器监听3000端口,利用Express框架接收并处理数据。为实现同源部署,建议将前端页面放入p…

    2025年12月21日 好文分享
    000
  • React中DOM操作与useEffect:理解其必要性与最佳实践

    在react中处理dom事件时,useeffect钩子至关重要。它确保事件监听器仅在组件挂载时添加,避免在每次渲染时重复添加导致性能下降。同时,useeffect的清理函数能够妥善移除监听器,防止内存泄漏,从而维护组件的稳定性和应用性能,避免在渲染阶段产生副作用。 React组件与DOM交互的挑战 …

    2025年12月21日
    000
  • jQuery文件输入框非空验证与多表单处理指南

    本教程详细阐述了如何使用jquery有效验证文件输入框是否为空,特别是在页面包含多个表单时。文章将深入探讨正确的验证逻辑,即通过检查文件输入框的`value`属性而非其dom元素长度,并强调了符合html规范的表单结构对于此类验证的重要性,同时提供了完整的代码示例和最佳实践。 在Web开发中,对用户…

    2025年12月21日
    000
  • HTML 表格多列搜索过滤实现指南 (Google Apps Script)

    本教程详细介绍了如何在 google apps script 项目中,为 html 表格实现多列动态搜索过滤功能。通过优化 javascript 代码,我们不再局限于单列搜索,而是能够遍历表格的每一行和每个单元格,从而实现对所有列内容的全面匹配,提升用户数据查找的灵活性和效率。 引言 在 Googl…

    2025年12月21日
    000
  • JavaScript中的正则表达式实用指南_javascript技巧

    正则表达式是JavaScript中处理字符串的高效工具,支持查找、替换、验证等操作。可通过字面量(/pattern/flags)或构造函数(new RegExp(‘pattern’, ‘flags’))创建,常用修饰符有g(全局)、i(忽略大小写)、m…

    2025年12月21日
    000
  • React组件中处理多层数组的渲染:map() 函数的嵌套应用

    在react中渲染包含多层嵌套数组的复杂数据结构时,正确使用`map()`方法至关重要。本文将详细介绍如何在react组件中优雅地实现`map()`的嵌套应用,解决数据访问错误和渲染问题,并提供示例代码和注意事项,确保高效且健壮地展示您的数据。 理解嵌套数据结构与渲染挑战 在React应用开发中,我…

    2025年12月21日 好文分享
    000
  • JavaScript性能优化与V8引擎内部原理

    掌握V8引擎机制可提升JavaScript性能:解析为AST后,经Ignition编译字节码,TurboFan对热点代码JIT优化,类型稳定和隐藏类一致利于优化,避免闭包滥用与频繁对象创建,用DevTools分析瓶颈,编写数组遍历、函数内联友好的代码以适应V8优化策略。 JavaScript性能优化…

    2025年12月21日
    000
  • 在React中更新包含函数的嵌套状态:一种高效的不可变策略

    本教程旨在解决react应用中更新深度嵌套状态时,如何高效且安全地处理包含函数的属性。通过采用函数式状态更新和不可变数据操作,我们能够避免直接修改状态,确保组件的正确渲染和数据流的清晰。文章将详细介绍如何利用展开运算符和数组映射等技术,优雅地更新复杂对象中的函数引用,从而提升代码的可维护性和健壮性。…

    2025年12月21日
    000
  • 深入理解React useEffect:DOM交互中的必要性与最佳实践

    在react中,直接在渲染阶段操作dom或订阅外部事件会导致性能问题和内存泄漏。`useeffect`钩子提供了一种安全且声明式的方式来处理副作用,如添加dom事件监听器。通过结合空依赖数组和清理函数,`useeffect`确保事件监听器仅在组件挂载时添加一次,并在组件卸载时正确移除,从而维护应用的…

    2025年12月21日
    000
  • JS如何实现进度条_JavaScript动态进度条效果实现与控制方法

    答案:通过HTML结构、CSS样式和JavaScript控制实现动态进度条。首先创建外层容器和内层进度元素,用CSS设置外观和过渡动画;接着使用JavaScript修改内层元素的width属性来更新进度百分比,可通过setInterval模拟递增效果;在实际应用中结合文件上传等异步操作,监听onpr…

    2025年12月21日
    000
  • JavaScript定时器怎样使用_JavaScriptsetTimeoutsetInterval用法与案例

    JavaScript定时器通过setTimeout和setInterval实现,前者延迟执行一次,后者周期性重复执行,均返回ID供clearTimeout或clearInterval清除,常用于倒计时、轮播图等场景,需注意及时清理避免内存泄漏。 JavaScript定时器是控制代码在指定时间后或每隔…

    2025年12月21日
    000
  • React中JavaScript输入值校验与事件处理指南

    本文旨在解决react应用中处理用户输入值校验时常见的javascript错误。我们将深入探讨事件处理函数参数的正确用法、如何从输入元素中获取用户输入值、id属性的重要性,并提供一个完整的代码示例,帮助开发者构建健壮的用户交互逻辑。 在React应用开发中,经常需要获取用户在输入框中输入的值并进行校…

    2025年12月21日
    000
  • React中DOM操作与useEffect的正确实践

    在react中,直接在渲染阶段操作dom,如添加事件监听器,会导致性能问题和内存泄漏。本文将深入探讨为什么以及如何在react组件中使用`useeffect`钩子来正确管理dom相关的副作用。通过`useeffect`,我们可以确保事件监听器仅在组件挂载时添加,并在组件卸载时清理,从而避免重复注册和…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信