字符串就是文字:节点名、提醒文案、订阅地址……你天天打交道的全是它。这一章把最常用的文字处理方法一次学完,代码里的英文单词当固定写法记就行,意思都用中文标好了。
用反引号 ` 把文字包起来,里面写 ${ },花括号里可以直接放变量名、也可以放算式,运行时会被换成算出来的值。
const name = "香港"; // 变量 name,存文字「香港」
const n = 5; // 变量 n,存数字 5
const msg = `节点 ${name} 有 ${n} 个,第一个是 ${name}0${n}`;
console.log(msg); // 把拼好的文字打出来看
「方法」就是字符串自带的小工具,写法是 文字.方法名(...)。下面这 11 个是日常最常用的,先混个眼熟,用的时候回来查就行。
下面的代码框可以直接改,点「运行」就会真的执行,在下方显示输出。改错了也不怕,会用中文告诉你错在哪。建议每个都先直接运行看结果,再改一改数字和文字试试。
把变量拼进文字里,看拼出来的完整消息。
includes 看有没有,split 按逗号切开。
padStart 补零,slice 截一段出来。
一共 5 题,已答对 0 题。点一下选项,马上就知道对错。
第 1 题 下面这行代码的结果是多少?
第 2 题 用反引号包裹的这行代码,结果是什么?
第 3 题 下面这行代码得到什么?
第 4 题 下面这行代码的结果是什么?
第 5 题 下面这行代码截出来的是什么?
这三个场景全是你自己在用的东西,字符串方法就是这么干活的。
机器人发提醒时,节点名和剩余天数每次都不一样。用模板字符串把变量拼进一句话里,就不用一段一段拿加号连了:
const name = "香港01"; // 节点名
const days = 3; // 还剩几天到期
const text = `⏰ 提醒:节点 ${name} 还有 ${days} 天到期`;
console.log(text);
一堆节点里只想留香港的,就逐个问一句「名字里包不包含『香港』」——核心就是这一章的 includes:
const list = ["香港01", "日本02", "香港03", "美国01"];
const hk = list.filter(x => x.includes("香港"));
console.log(hk); // 只留下名字里带「香港」的
编号想要统一两位数,5 不能显示成光秃秃的「5」,要用 padStart 在左边补个 0:
const num = "5".padStart(2, "0"); // "5" 补成 "05"
const label = `香港${num}`;
console.log(label); // 香港05
文字处理记住这套组合:模板字符串拼文案、includes 查包含、split 切分、slice 截取、trim 去空白、padStart 补零——你的脚本里九成的文字活儿,都是这几招。
第三章完。先把「动手试」三个都运行一遍,再做练习题,全对了再往下走。