JavaScript 词条目录
前端Wiki/词条/字符串常用方法

字符串常用方法

定义split、replace、slice、includes、padStart 等日常开发使用频率最高的字符串 API

字符串方法分几类:查找类 indexOf/includes/startsWith 判断内容是否存在或位置;截取类 slice/substring/substr 取出片段;变换类 toUpperCase/toLowerCase/trim/replace 改变形态;切分拼接 split/join 配合完成字符串与数组的互转。所有方法都不改原字符串——字符串是不可变的,一定返回新值。

高频技巧:split(',') 把 CSV 字符串切成数组;replace 配合正则和全局标志 g 做批量替换(否则只换第一个);padStart(2, '0') 给月、日补零;模板字符串里用 trim 清理多行缩进。判断子串优先用 includes——语义最清晰,ES2016 起所有环境都支持。处理用户输入时先 trim 再校验,能避免前后空格导致的莫名校验失败。

JavaScript
// 查找
console.log('hello world'.includes('world')); // true
console.log('abc'.indexOf('b')); // 1

// 截取:slice(起始, 结束)
console.log('abcdef'.slice(1, 3)); // bc
console.log('abcdef'.slice(-2));   // ef

// 切分与拼接
const csv = '张三,25,北京';
console.log(csv.split(','));            // ['张三', '25', '北京']
console.log(['a', 'b'].join('-'));      // a-b

// 替换:不带 g 只换第一个
console.log('a-b-c'.replace('-', '/'));       // a/b-c
console.log('a-b-c'.replace(/-/g, '/'));      // a/b/c

// 补零与去空格
console.log(String(3).padStart(2, '0')); // 03
console.log('  hi  '.trim());            // hi

// 大小写
console.log('Front End'.toLowerCase()); // front end
⚠ 常见误区
🔗 相关词条模板字符串数据类型
← 返回来源章节模板字符串