前言

小魔法师们,我们的变量盒子已经装好了珍珠(字符串)和水晶(数字),今天要学习如何使用这些宝物啦!你将同时成为计算家和拼图高手🔢🧩——数字能运算,文字能拼接,这才是真正的魔法代码!

回顾昨天学的

上节课的关键知识点:

  1. 盒子内容刷新技术 → 变量重新赋值

  2. 盒子命名艺术 → 变量命名规则

  3. 升级魔法盒 → 常量介绍

今天学什么

本节课重点操作盒子里的宝贝:

  1. 水晶的魔法运算(加减乘除)

  2. 珍珠的拼贴艺术(用+连接文字)

  3. 两种宝贝的转换技巧

今天要学的内容


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元

明天学什么

第六课我们将认识第三种魔法物品:
布尔值——像电灯开关一样控制真假的神器!
你会学到:

  • truefalse代表什么

  • 如何用比较运算产生布尔值(如 5 > 3

  • 布尔值的实际应用场景

成长秘诀

"代码世界没有完美答案,但每一次拼接和计算都在向理想程序靠近一步"