正在加载...

字符串方法

你会写 字符串 了。这节讲 方法：在文本上调用的小工具——改大小写、切一段、清空格、换词，或问「这段话在不在里面？」。不必一次背完语言里所有方法，先用一组日常常用的。

JavaScript 字符串方法怎么用？

字符串方法用 点号、方法名和 括号 调用："hi".toUpperCase()。多数会 返回新字符串。除非你保存结果（let clean = raw.trim()），原来的值不变。入门常用：toUpperCase / toLowerCase、slice、trim、replace（第一次匹配）、includes（是/否）和 indexOf（位置，没有则是 -1）。

字符串方法工具箱

📊 初学者先用的文本方法

思路 示例 结果 / 说明
大写 "hi".toUpperCase() "HI"
slice "JavaScript".slice(0, 4) "Java"（结束索引不含）
trim " hi ".trim() "hi"
replace "a-a".replace("-", "/") "a/a"（只换第一次）
includes "hello".includes("ell") true
indexOf "hello".indexOf("l") 2（第一个索引；没有则 -1）

改字母大小写

toUpperCase() 和 toLowerCase() 生成大小写统一的新字符串，比较用户输入前很有用。

大小写转换

javascript 
let city = "Tehran";
console.log(city.toUpperCase());
console.log(city.toLowerCase());
console.log(city);

用 slice 切一段

slice(start, end) 从 start 复制到 end 之前。省略 end 就到最后一个字符。索引从 0 开始。

用 slice 截取字符串

javascript 
let word = "JavaScript";
console.log(word.slice(0, 4));
console.log(word.slice(4));
console.log(word);

用 trim 清两端空格

用户输入常在首尾带空格。trim() 去掉它们；中间的空格保留。

用 trim 清理空格

javascript 
let raw = "  hello  ";
let clean = raw.trim();
console.log(raw.length);
console.log(clean.length);
console.log(clean);

用 replace 换文本

replace(old, new) 把 第一次 出现的 old 换成 new。其余不动。（换掉全部匹配以后再学。）

替换第一次匹配

javascript 
let line = "red-blue-red";
console.log(line.replace("-", "/"));
console.log(line);

用 includes 和 indexOf 搜索

includes(piece) 回答是/否（true / false）。indexOf(piece) 返回第一次出现的索引；找不到则是 -1。

includes 与 indexOf

javascript 
let msg = "Welcome guest";
console.log(msg.includes("guest"));
console.log(msg.includes("admin"));
console.log(msg.indexOf("come"));
console.log(msg.indexOf("x"));

在页面上显示干净标题

先 trim，再统一大小写，然后用 textContent 显示。

页面显示清理后的标题

html 
<!DOCTYPE html>
<html>
<head>
<title>String methods — clean title</title>
</head>
<body>
<p id="out">…</p>
<script>
let raw = "  javaScript methods  ";
let title = raw.trim().toUpperCase();
document.getElementById("out").textContent = title;
</script>
</body>
</html>

段落会显示清理后的标题。只改 raw，刷新，确认 trim 和大写都生效。

自己试试

  1. 打印 "Tehran".toUpperCase() 和 "Tehran".toLowerCase()；若先存进变量，也看看原来的值。
  2. 对 "JavaScript" 用 slice 取前四个字符，再从索引 4 切到末尾。
  3. 对 " hi " 做 trim，比较前后的 .length。
  4. 对 "a-b-c" 用 replace 把第一个 "-" 换成 "/"；打印结果和原值。
  5. 在短句上对存在/不存在的词测 includes；对一个字母测 indexOf。
  6. 在 HTML 演示里只改 raw，刷新，读新标题。

常见错误

  • 写 toUpperCase 却不加 () —— 需要调用：.toUpperCase()
  • 以为 "hi".toUpperCase() 会改原字符串 —— 返回新值；需要就赋值保存
  • 以为 slice(0, 4) 包含索引 4 —— 结束索引不包含
  • 以为 replace 会换掉所有匹配 —— 默认只换第一次
  • 只要明确是/否却只用 indexOf —— 这种情况 includes 更好读

小结

  • 用 . + 名称 + () 调用方法
  • toUpperCase / toLowerCase 改大小写；slice 截取；trim 清两端
  • replace 换第一次匹配；includes / indexOf 在字符串里搜索
  • 通常返回 新 值 —— 要保留就存起来
  • 下一节：布尔值 —— 用 true 和 false 做是/否判断

🧠 测试您的知识

准备开始

测试您的知识

通过这个互动测验挑战自己，看看你对这个主题的理解程度如何

❓
8
问题
🎯
70%
及格要求
♾️
∞
时间
🔄
∞
尝试次数

📝 说明

  • 仔细阅读每个问题
  • 为每个问题选择最佳答案
  • 您可以随时重新参加测验
  • 您的进度将显示在顶部
主题 11 的 13
Javascript 教程