JavaScript字符串API

String.prototype.anchor()

anchor()方法用於創建一個<a>html描元素

const str = '我是html內容'.anchor('我是name屬性值')
console.log(str) // "<a name="我是name屬性值">我是html內容</a>"

 

String.prototype.bold()

bold()方法用於創建<b>html元素

const str = 'aaa'.bold()
console.log(str) // "<b>aaa</b>"

 

String.prototype.charAt()

charAt()方法用於返回字符串指定位置的字符

'amz'.charAt() // 'a'  不傳索引則默認為0
'amz'.charAt(1) // 'm' 

 

String.prototype.concat()

concat()將多個字符串拼接在一起

const a = 'aaa'
const b = 'bbb'
const c = 'ccc'.concat(a, b, 'ddd')
console.log(c) // 'cccaaabbbddd' 

 

String.prototype.endsWith()

endsWith()方法用於判斷當前字符串是否以另一個給定字符串結尾

const name = 'my name is amz' 
name.endsWith('z') // true
name.endsWith('mz') // true
name.endsWith('amz') // true
name.endsWith('is') // false

 

String.prototype.startsWith()

startsWith()判斷當前字符串是否是以另外一個給定的子字符串開頭

const amz = 'my name is amz'
amz.startsWith('my n') //true
amz.startsWith('amz', 11) // true  第二個參數是從哪里開始

 

String.prototype.includes()

includes()判斷一個字符串是否包含在另一個字符串中

const name = 'my name is amz' 
name.includes('amz') //true
name.includes('s amz') //true
name.includes('you') // false

 

String.prototype.indexOf()

indexOf()方法返回給定字符串在原字符串中首次出現的索引

const name = 'my name is amz'
name.indexOf('my n') //0   字符串可以給字符串
name.indexOf('y') // 1
name.indexOf('m', 6) //12     //第二個參數是從第幾位開始找
name.indexOf('l') // -1 沒找到返回-1

 

String.prototype.lastIndexOf()

lastIndexOf()方法返回給定字符串在原字符串中最后一次出現的索引

const name = 'my name is amz'
name.lastIndexOf('m') //12
name.lastIndexOf('m',7) //5 第二個參數是從第幾位開始找，說白了 可以理解把name那個字符串從第七位截取，后面的不要了，
　　　　　　　　　　　　　　//然后在應用一下name.lastIndexOf('m') ，
　　　　　　　　　　　　　　//在理解一下，就是從第七位開始向前面找首次出現m的位置

 

String.prototype.link()

link()方法用於創建一個<a>html標簽

‘my name is amz’.link('www.p8p7.com')  // <a href="www.p8p7.com">my name is amz</a>

 

String.prototype.padEnd()

padEnd()方法接受兩個兩個參數，第一個參數是目標字符串期望的長度，第二個參數是如果字符串長度沒達到期望的長度就用第二個參數添加到目前字符串的尾部，使它達到期望的長度

‘abc’.padEnd(5) // 'abc  ' 如果第二個參數沒有傳，就會用空格代替
‘abc’.padEnd(2, 'amz') // 'abc' 如果期望長度小於目標字符串長度 那么就對目標字符串什么也不做，按照原來的返回
'abc'.padEnd(6, '123456') // 'abc123'

 

String.prototype.padStart()

padStart()方法接受兩個兩個參數，第一個參數是目標字符串期望的長度，第二個參數是如果字符串長度沒達到期望的長度就用第二個參數添加到目前字符串的前面，使它達到期望的長度

'abc'.padStart(6, '123456') // '123abc'

 

String.prototype.repeat()

repeat()方法用於吧字符串重復n次 n就是傳遞進去的參數

'amz'.repeat(3.5)  //'amzamzamz'  小說會轉化成整數 向下取整
'amz'.repeat(0)  // ‘’ 重復0次就成了空字符串了
'amz'.repeat(1) // 'amz'  重復1次
'amz'.repeat(2) // 'amzamz'  重復2次

 

String.prototype.search()

search()返回字符串在指定字符串首次出現的位置，如果沒找到就返回-1

'my name is amz'.search('amz')  // 11
'my name is amz'.search('my') // 0
'my name is amz'.search(/amz/) // 11 也可以傳正則表達式

 

String.prototype.slice()

slice()截取字符串的一部分，並返回這個新字符串

'my name is amz'.slice(11) // "amz" 傳遞2個參數，第一個參數是從什么位置開始裁剪，第二個參數是 截取到什么地方，如果沒傳遞第二個參數，就默認裁剪到最后一位
'my name is amz'.slice(0,2) // 'my' 從第1位裁剪到第三位
'my name is amz'.slice(0,-1) // "my name is am"  兩個參數都可以是負數， 負數參數相加原字符串的長度  也就是上面的意思是說 從第1位裁剪到'my name is amz'.length + -1的位置

 

String.prototype.split()

split()方法把字符串分割成數組
const amz = 'my name is amz'
amz.split()  //  ['my name is amz']
amz.split(' ', 2)  // ['m', ''y']  第二個參數是獲取字符串的幾位，分割成數組
amz.split('name')  // ["my ", " is amz"]   第一個參數是 拿掉字符串匹配的字符段 然后分割數組
amz.split('m')  // ["", "y na", "e is a", "z"]   第一個參數可以是正則表達式

 

String.prototype.substr()

substr()方法返回從指定位置開始 到指定數量的字符串

const amz = 'my name is amz'
amz.substr(3) // 'name is amz'
amz.substr(-3) // 字符串長度+ -3    ‘amz’
amz.substr(1, 2) // 'am'  第二個參數是幾位

如果開始位置也就是第一個字符串大於字符串長度，則返回一個空字符串 第二個位置超出了字符串剩余長度，則默認為字符串剩余長度。為負數則是字符串長度加負數，也就是說比如我第一個參數為-1 那么我剩余字符串長度是1了，最多只能復制一個長度為1的字符串，第二個值大於1都默認轉化為1

 

String.prototype.substring()

substring()返回字符串從開始索引到結束索引之間的一個子集

也就是提取從substring()第一個參數到第二個參數的 子字符串，參數均為整數，小於0都會被轉化為0 ，如果大於字符串長度都會被轉化為字符串長度 如果第二個參數大於第一個參數，則會默認吧兩個參數位置調換

const amz = 'my name is amz'
amz.substring(1,4) // 'y n'  從第一位截取第四位
amz.substring(4,1) // 'y n'  因為第二個參數大於第一個參數，則默認調換她們的位置    所以還是從第一位截取第四位

 

String.prototype.toLocaleLowerCase()

toLocaleLowerCase()轉化字符串為小寫

const amz = 'my NAME is amz'
amz.toLocaleLowerCase()  //'my name is amz'
const amz1 = 'MY NAME IS AMZ' 
amz1.toLocaleLowerCase()  //my name is amz'

 

 

String.prototype.toLocaleUpperCase()

toLocaleUpperCase()將字符串轉化為大寫

const amz = 'my name IS amz'
amz.toLocaleUpperCase() // ''MY NAME IS AMZ

 

String.prototype.toUpperCase()

toUpperCase()和oLocaleUpperCase()方法一樣 

const amz = 'my name IS amz’
amz.toUpperCase() // ''MY NAME IS AMZ

 

String.prototype.toString()

toString()反回指定對象的字符串形式 

const amz = 'my name is amz‘
amz.toString()  // 'my name is amz'

 

String.prototype.trim()

trim()清除字符串兩端的空格

const amz = '  my name is amz  ‘
amz.trim()  // 'my name is amz'

 

String.prototype.trimLeft()

trimLeft()方法清除字符串左邊的空格

 

String.prototype.trimRight()

trimRight()方法清除字符串右邊的空格

 

String.prototype.replace()

replace()方法返回一個由替換值 替換一些匹配到的新字符串，

const amz = 'my name is amz‘
amz.replace(/amz/, '123') // 'my name is 123'
amz.replace('m', '123') //  '123y name is amz'

 

可以是正則表達式匹配 也可以是字符串匹配