前言
小魔法师们,我们的变量盒子已经装好了珍珠(字符串)和水晶(数字),今天要学习如何使用这些宝物啦!你将同时成为计算家和拼图高手🔢🧩——数字能运算,文字能拼接,这才是真正的魔法代码!
回顾昨天学的
上节课的关键知识点:
盒子内容刷新技术 → 变量重新赋值
盒子命名艺术 → 变量命名规则
升级魔法盒 → 常量介绍
今天学什么
本节课重点操作盒子里的宝贝:
水晶的魔法运算(加减乘除)
珍珠的拼贴艺术(用
+
连接文字)两种宝贝的转换技巧
今天要学的内容
Part 1 数字水晶的魔法计算器
数字变量可以像计算器一样工作:
var apple = 5;
var orange = 3;
// 加法魔法
var totalFruit = apple + orange; // 结果:8
// 减法魔法
var appleLeft = apple - 2; // 结果:3
// 乘法魔法(用*号)
var appleGroups = apple * 4; // 结果:20
// 除法魔法(用/号)
var halfApple = apple / 2; // 结果:2.5
特别注意:
乘号是
*
,不是×除号是
/
,不是÷运算优先级:
*
和/
比+
和-
优先
示例:2 + 3 * 4
→ 先计算3 * 4=12
→ 再2+12=14
想改变顺序?用括号:(2 + 3) * 4 = 20
Part 2 文字珍珠的拼贴艺术
当+
遇到珍珠时,它就变成了"胶水":
var firstName = "小明";
var lastName = "张";
// 拼贴全名
var fullName = lastName + firstName; // "张小明"
// 加入空格符
var spacedName = lastName + " " + firstName; // "张 小明"
// 混合固定文字
var greeting = "你好," + fullName + "!"; // "你好,张小明!"
创意拼贴玩法:
var pet = "猫";
var action = "追";
var target = "老鼠";
// 尝试不同拼接顺序
var story1 = pet + action + target; // "猫追老鼠"
var story2 = target + "被" + pet + action; // "老鼠被猫追"
Part 3 珍珠和水晶的奇妙转换
有时候我们需要转换宝物的形态:
▶ 水晶变珍珠(数字转字符串)
在数字上裹一层引号魔法:
var myMoney = 100;
var moneyText = "我有" + String(myMoney) + "元"; // 方法1
// 或更简单的:
var moneyText = "我有" + myMoney + "元"; // 自动转换
// 结果:"我有100元"
⚠️ 注意:用
+
连接字符串和数字时,数字会自动变成字符串
▶ 珍珠变水晶(字符串转数字)
需要专门转换咒语:
var input = "50";
var realNumber = Number(input); // 方法1
var shortWay = +input; // 方法2(加+号前缀)
// 转换后可以计算
console.log(realNumber * 2); // 100
转换失败案例:
// 如果文字里混入非数字字符
var invalid = "50元";
Number(invalid); // 变成 NaN (特殊错误值)
综合练习:购物小票生成器
var product = "苹果";
var price = 8.5; // 水晶
var quantity = 3;
// 1.计算总价
var total = price * quantity;
// 2.拼贴小票文字
var receiptText =
"商品:" + product + "\n" +
"单价:" + price + "元\n" +
"数量:" + quantity + "\n" +
"总价:" + total + "元";
console.log(receiptText);
控制台会打印:
商品:苹果
单价:8.5元
数量:3
总价:25.5元
明天学什么
第六课我们将认识第三种魔法物品:
布尔值——像电灯开关一样控制真假的神器!
你会学到:
true
和false
代表什么如何用比较运算产生布尔值(如
5 > 3
)布尔值的实际应用场景
成长秘诀
"代码世界没有完美答案,但每一次拼接和计算都在向理想程序靠近一步"
评论