91网首页-91网页版-91网在线观看-91网站免费观看-91网站永久视频-91网站在线播放

字符串操作在 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"

閱讀原文：原文鏈接