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