模板字串原理,原生js實現字串模板

2022-02-08 16:08:12 字數 810 閱讀 6185

在使用模板字串的時候使用的是 '}'形式進行書寫,本文則向各位解密這麼寫的原因

首先要先明白正規表示式中exec的使用

例如:

let str = '[email protected]'

let reg = /\w*[@]\w*\.\w*/

console.log(reg.exec(str)) //會得到乙個陣列第0項是"[email protected]"

接下來給他加個括號,將"qq"對應的部分給提取出來(在\w中加)

let str = '[email protected]'

let reg = /\w*[@](\w*)\.\w*/

console.log(reg.exec(str)) //會得到乙個陣列第0項是"[email protected]",第一項是'qq'

console.log(reg.exec(str[1])) //'qq'

也就是說,當你給你的正則加上括號進行匹配時可以為返回的值新增更多的項,明白了這個之後看下面的**,注意看注釋部分的結果

接著我們再對其進行乙個改造

通過上面的**我們可以看到字串模板被替換為了我們想要的值,但只能匹配一次且並不完整so完善一下

原生js的字串方法

1.stringobject.charat 作用 返回字串的下標 var str 這是一串字串 console.log str.charat 0 這2.stringobject.charcodeat 作用 方法可返回指定位置的字元的 unicode 編碼 var str 這是一串字串 console...

js 字串減去字串 js 減去字串

redd.config裡面的時間戳和隨機字串是哪個簽名的時間戳和隨機字串 貼給你,你就明白拉。前台js獲取timestamp var d new date var timestamp date.parse d 當前日期減去1970年1月1號的值 後台獲取簽名,即signature,其中nocestr...

原生js中字串的方法

擷取字串 替換字串 字串轉換成陣列 字串str轉換為小寫 字串轉換為大寫 es6新增 str.indexof x,y 返回乙個從y首次出現x的索引號 x必須,子串的值 y可選,從y的地方開始查詢 y的取值範圍是 0,str.length 1 tip如果找不到,返回 1 該方法對大小寫敏感str.la...