模板字符串
- 使用反引號(hào)(esc下面按鍵) 來(lái)定義的字符串就是模板字符串
- 使用反引號(hào)定義字符串時(shí), 字符串中可以忽略單雙引號(hào)的嵌套問(wèn)題
- 在模板字符串中 要輸入(使用)變量時(shí), 使用: ${ 變量名 } 這種形式
擴(kuò)展的方法
1. includes():
- 說(shuō)明: includes() 用來(lái)判斷一個(gè)字符串中 是否 包含 另一個(gè)字符串
- 語(yǔ)法: str.includes(char); >> 判斷 str 中 是否包含 char, 包含返回true, 否則返回false
2. startsWith() / endWith():
- 說(shuō)明: 判斷一個(gè)字符串是否 是以 另一個(gè)字符串 開(kāi)始/結(jié)束
- 語(yǔ)法: str.startsWith(char) / str.endsWith(char); >> 是返回 true, 否則返回 false
3. padStart() / padEnd():
說(shuō)明: 當(dāng)定義的字符串長(zhǎng)度不夠時(shí), 使用指定的字符串 填充到 字符串的前面 / 后面
-
參數(shù):
- 參數(shù) 1: 要設(shè)置的字符串長(zhǎng)度
- 參數(shù) 2: 當(dāng)聲明的字符串長(zhǎng)度小于(參數(shù)1)要設(shè)置的字符串長(zhǎng)度時(shí), 要進(jìn)行填充的字符串
返回值: 返回最終填充完畢的字符串
-
示例:
let str = 'abc'; let char = '-'; let otherChar = 'xyz'; str.padStart(7, char); // => ----abc str.padEnd(5, otherChar); // => abcxy z不會(huì)被添加, 因?yàn)?參數(shù)1長(zhǎng)度為 5
4. charAt():
說(shuō)明: 該方法返回 指定位置的 字符串;
參數(shù): 必選參數(shù), 字符串的索引值, 就是某個(gè)字符在當(dāng)前字符串中的下標(biāo);
注意: 如果 參數(shù)index 大于 字符串的長(zhǎng)度 length-1, 那么會(huì)返回一個(gè) 空字符串
-
示例:
const $chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'; const maxPos = $chars.length; let str = ''; for (let i = 0; i < len; i++) { /** 生成一個(gè) 長(zhǎng)度為32 的 隨機(jī)字符串 */ str += $chars.charAt(Math.floor(Math.random() * maxPos)); } console.log(str);