八個 JavaScript 字符串操作技巧，提效 60%！
作者：story
字符串操作在 JavaScript 里隨處可見，掌握一些高效的字符串操作技巧，不僅能讓代碼更優(yōu)雅，還能大大提升開發(fā)效率。分享8個實用的JavaScript字符串操作技巧！
字符串操作在 JavaScript 里隨處可見，掌握一些高效的字符串操作技巧，不僅能讓代碼更優(yōu)雅，還能大大提升開發(fā)效率。分享8個實用的JavaScript字符串操作技巧！
1. 使用模板字符串簡化字符串拼接
傳統(tǒng)的字符串拼接方式使用 + 號，代碼往往顯得雜亂且容易出錯。使用ES6的模板字符串，可以讓代碼更清晰易讀：
// 舊方式
const name = "小明";
const age = 18;
const message = "我叫" + name + "，今年" + age + "歲";
// ? 推薦方式
const betterMessage = `我叫${name}，今年${age}歲`;2. 字符串截取的簡便寫法
獲取字符串的前N個或后N個字符時，可以使用slice()的負(fù)數(shù)索引特性：
const str = "JavaScript";
// 獲取后4個字符
// 舊方式
const last4 = str.substring(str.length - 4);
// ? 推薦方式
const better = str.slice(-4); // "ript"
// 獲取除了后4個字符以外的部分
const exceptLast4 = str.slice(0, -4); // "JavaSc"3. 快速重復(fù)字符串
需要重復(fù)同一個字符串多次時，使用repeat()方法比循環(huán)更簡潔：
4. 字符串填充
在處理數(shù)字格式化、創(chuàng)建固定長度的字符串時，padStart()和padEnd()特別有用：
5. 字符串搜索的改進(jìn)方案
在檢查字符串是否包含特定內(nèi)容時，includes()比indexOf()更直觀：
6. 快速轉(zhuǎn)換字符串大小寫
處理用戶輸入或格式化顯示時，經(jīng)常需要轉(zhuǎn)換大小寫：
7. 字符串分割與合并的優(yōu)化
處理大量文本數(shù)據(jù)時，善用split()和join()可以提高效率：
8. 正則表達(dá)式替換的高級應(yīng)用
使用正則表達(dá)式進(jìn)行復(fù)雜的字符串替換操作：
// 替換所有空格為破折號
const title = "JavaScript String Methods";
const slug = title.toLowerCase().replace(/\s+/g, '-');
// "javascript-string-methods"
// ? 高級替換：轉(zhuǎn)換駝峰命名
const camelToSnake = str => str.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`);
console.log(camelToSnake("getUserName")); // "get_user_name"責(zé)任編輯：趙寧寧
來源：
JavaScript
