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