javascript字符串操作常用方法包括length、charat、indexof、slice等，模板字符串用反引号包裹并支持变量插入和多行书写。具体如下：1. 常用方法有获取长度、查找字符、截取字符串、拆分、大小写转换、替换内容等；2. 模板字符串使用${}插入变量或表达式，支持直接换行书写多行字符串；3. 高级用法如标签模板可结合函数实现内容格式化；4. 小技巧包括startswith、endswith判断前后缀及正则提取数字等，能显著提升开发效率。掌握这些字符串处理方法可以让代码更简洁清晰。
JavaScript的字符串操作方法很多，模板字符串也是其中非常实用的一个特性。下面直接进入重点。
一、常用字符串方法
JavaScript为字符串提供了不少内置方法，常用的包括：
-
length：获取字符串长度 -
charAt(index)：获取指定位置的字符 -
indexOf(str)/lastIndexOf(str)：查找子字符串首次或最后一次出现的位置 -
slice(start, end)：截取字符串的一部分（不改变原字符串） -
substring(start, end)：和slice类似，但不能接受负数参数 -
split(separator)：按分隔符拆分成数组 -
toUpperCase()/toLowerCase()：转大写或小写 -
trim()：去掉前后空格 -
includes(str)：判断是否包含某个子串，返回布尔值 -
replace(oldStr, newStr)：替换第一个匹配项 -
replaceAll(oldStr, newStr)：替换所有匹配项
比如想把一句话里的多个空格换成一个，可以用正则加replace：
立即学习“Java免费学习笔记（深入）”；
let str = "hello world"; str = str.replace(/\s+/g, ' '); // "hello world"
这些方法在日常开发中很常见，基本能满足大多数字符串处理需求。
二、模板字符串怎么用
模板字符串是ES6引入的新特性，使用反引号（`）包裹内容，比传统字符串更灵活。
基本用法：
let name = "Tom";
let greeting = `Hello, ${name}!`;
console.log(greeting); // 输出：Hello, Tom!这里${}里面可以放变量、表达式甚至函数调用，会自动替换成结果。
多行字符串支持
传统字符串换行需要加\n或者拼接，而模板字符串可以直接换行：
let html = `
<div>
<p>Hello</p>
</div>
`;这对写HTML片段、SQL语句等特别方便，结构清晰也容易维护。
高级用法：标签模板
还可以结合函数使用“标签模板”，实现更复杂的逻辑，比如过滤或格式化输出：
function highlight(strings, ...values) {
let result = '';
strings.forEach((str, i) => {
result += str;
if (values[i]) {
result += `<strong>${values[i]}</strong>`;
}
});
return result;
}
let name = "Alice";
let age = 25;
let output = highlight`My name is ${name}, and I am ${age} years old.`;
// 返回：My name is <strong>Alice</strong>, and I am <strong>25</strong> years old.这个功能适合做模板引擎或安全转义之类的工作。
三、字符串处理的小技巧
有时候我们会遇到一些看起来简单但容易出错的地方。比如判断一个字符串是否以某个子串开头，很多人可能会想到indexOf === 0，其实ES6有更直观的方法：
str.startsWith('prefix');同样还有endsWith()和padStart()/padEnd()，可以在补全前缀或固定长度时减少手动拼接的麻烦。
再比如提取一段文本中的数字，很多人会写循环去判断每个字符是不是数字，其实用正则配合match更简洁：
let text = "I have 3 apples and 12 oranges."; let numbers = text.match(/\d+/g); // ["3", "12"]
这些细节虽然看起来不大，但在实际开发中能省不少时间。
基本上就这些。字符串操作是前端开发的基础之一，掌握好这些方法和技巧，能让代码更简洁、逻辑更清晰。
