Map存单价,循环结算购物清单程序
时间:2026-03-21 21:14:34 363浏览 收藏
本文深入讲解了如何用 Map 数据结构设计一个健壮、精准且易维护的超市购物清单结算程序,强调避免硬编码商品价格、利用 Map 的动态增删与插入顺序保持特性提升可扩展性,指出 JS 与 Java 中 Map 行为的关键差异,并给出实操避坑指南:统一用整数“分”存储单价根除浮点误差、严格处理用户输入(trim 空格、过滤空行、累加同名商品数量)、正确遍历 Map(禁用 for...in,推荐 forEach 或 for...of + entries)、及时校验商品存在性并友好提示错误,让初学者在循环结算练习中既夯实基础,又写出真正可靠、贴近生产需求的代码。

用 Map 存商品名和单价,别用数组或对象硬编码
硬写 { "苹果": 5.8, "牛奶": 12.5 } 看似快,但加个新商品就得改代码;用 Map 能动态增删、遍历清晰、键类型也不限(比如用 Symbol 做内部标识)。Java 和 JavaScript 都支持,但行为有差异:JS 的 Map 保留插入顺序,Java 的 HashMap 不保证——结算时按输入顺序打印清单,JS 更省心。
实操建议:
- 初始化用
new Map(),别用Object.create(null)冒充——后者没有size、不能直接遍历,后期加统计功能会卡住 - 存单价统一转成
number类型,避免字符串"12.5"后续计算出错(比如"12.5" + 1 === "12.51") - 商品名用 trim() 清空首尾空格,否则
" 苹果 "和"苹果"被当成两个商品
循环结算时,别在 for...in 里遍历 Map
for...in 遍历的是对象属性,Map 不是普通对象,强行用会遍历不到任何商品,还可能报 TypeError: map is not iterable。正确姿势是用 for...of + entries(),或者直接 forEach()。
常见错误现象:
- 输入“苹果 2”,结果总价算成 0 —— 因为循环根本没进进去
- 控制台报
map.forEach is not a function—— 把Map对象误当成普通对象传进了旧函数
实操建议:
- 用
map.forEach((price, name) => { ... })最直观,适合简单结算 - 需要中断循环(比如发现缺货就退出),改用
for (const [name, price] of map.entries()) - 别把用户输入的“苹果”直接当 key 查——先用
map.has(inputName.trim())判定是否存在,避免undefined * quantity得到NaN
单价精度问题:别用 float 直接算钱
0.1 + 0.2 !== 0.3 是老坑,购物结算里 3.99 × 2 算成 7.980000000000001 就很尴尬。不是 JS 特有,Java 的 double 同样翻车。
实操建议:
- 所有单价存分为单位(整数):把
5.8存成580,数量相乘后除以 100 输出——彻底避开浮点误差 - 如果必须用小数,显示前统一用
toFixed(2),但注意它返回字符串,后续不能再参与计算 - Java 用户优先用
BigDecimal,别图快写double price = 12.99;
用户输入解析容易漏掉空行和重复商品
用户输“苹果 2\n\n牛奶 1”,中间空行不处理,循环会把空字符串当商品名;输两次“苹果”,第二次会覆盖第一次的量,但实际该累加。
实操建议:
- 用
input.split(/\n/).filter(line => line.trim())拆行并过滤空行 - 每行用
line.trim().split(/\s+/)拆,取第一个为商品名,第二个为数量,别用line.split(" ")——用户打两个空格就裂开 - 结算前建个临时
Map累加同名商品数量:cart.set(name, (cart.get(name) || 0) + qty)
最常被忽略的是:用户输错商品名(比如“苹国”),程序没提示就跳过,最后结完账才发现少了东西。查 map.has(name) 为 false 时,至少打一行 console.log(`未找到商品:${name}`)。
到这里,我们也就讲完了《Map存单价,循环结算购物清单程序》的内容了。个人认为,基础知识的学习和巩固,是为了更好的将其运用到项目中,欢迎关注golang学习网公众号,带你了解更多关于的知识点!
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
407 收藏
-
114 收藏
-
393 收藏
-
270 收藏
-
442 收藏
-
376 收藏
-
418 收藏
-
481 收藏
-
323 收藏
-
322 收藏
-
492 收藏
-
497 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习