摘要：另外如果為負(fù)數(shù)，則表示從字符串尾部開(kāi)始算起。將要搜尋的子字符串。從當(dāng)前字符串的哪個(gè)索引位置開(kāi)始搜尋子字符串默認(rèn)為。否則則會(huì)返回一個(gè)數(shù)組，數(shù)組中存放所有符合要求的子字符串，并且沒(méi)有和屬性。

原文鏈接

JavaScript 字符串用于存儲(chǔ)和處理文本。因此在編寫(xiě) JS 代碼之時(shí)她總?cè)缬半S形，在你處理用戶(hù)的輸入數(shù)據(jù)的時(shí)候，在讀取或設(shè)置 DOM 對(duì)象的屬性時(shí)，在操作 Cookie 時(shí)，在轉(zhuǎn)換各種不同 Date 時(shí)，諸此等等，繁不能數(shù)；而她那蠻多的 API 呵，總有些讓人不愿去記憶的沖動(dòng)，既然用時(shí)常搜，倒不如爛筆頭一番，以作了結(jié)，順道也體現(xiàn)下這博客存在的價(jià)值，由此就有了這篇紀(jì)要。

str.substring(start, end)

substring()是最常用到的字符串截取方法，它可以接收兩個(gè)參數(shù)，參數(shù)不能為負(fù)值，分別是要截取的開(kāi)始位置和結(jié)束位置，并且返回一個(gè)新的字符串，其內(nèi)容是從start處到end-1處的所有字符。若結(jié)束參數(shù)end省略，則表示從start位置一直截取到最后。

let str = "www.jeffjade.com"
console.log(str.substring(0,3)) // www
console.log(str.substring(4))   // jeffjade.com
console.log(str.substring(-2))  // www.jeffjade.com (傳負(fù)值則視為0)

str.slice(start, end)

slice()方法與substring()方法非常類(lèi)似，它傳入的兩個(gè)參數(shù)也分別對(duì)應(yīng)著開(kāi)始位置和結(jié)束位置。而區(qū)別在于，slice()中的參數(shù)可以為負(fù)值，如果參數(shù)是負(fù)數(shù)，則該參數(shù)規(guī)定的是從字符串的尾部開(kāi)始算起的位置。比如說(shuō)，-1指字符串的最后一個(gè)字符。

let str = "www.jeffjade.com"
console.log(str.slice(0, 3))   // www
console.log(str.slice(-3, -1)) // co
console.log(str.slice(1, -1))  // www.jeffjade.co
console.log(str.slice(2, 1))   // "" (返回空字符串,start須小于end)
console.log(str.slice(-3, 0))  // "" (返回空字符串,start須小于end)

str.substr(start, length)

substr()方法可在字符串中抽取從start下標(biāo)開(kāi)始的指定數(shù)目的字符。其返回值為一個(gè)字符串，包含從 str的start（包括start所指的字符）處開(kāi)始的length個(gè)字符。如果沒(méi)有指定length，那么返回的字符串包含從start到str的結(jié)尾的字符。另外如果start為負(fù)數(shù)，則表示從字符串尾部開(kāi)始算起。

let str = "www.jeffjade.com"
console.log(str.substr(1, 3))  // ww.
console.log(str.substr(0))     // www.jeffjade.com
console.log(str.substr(-3, 3)) // com
console.log(str.substr(-1, 5)) // m  (目標(biāo)長(zhǎng)度較大的話(huà)，以實(shí)際截取的長(zhǎng)度為準(zhǔn))

str.split([separator][, limit])

separator指定用來(lái)分割字符串的字符（串）。separator可以是一個(gè)字符串或正則表達(dá)式。如果忽略 separator，則返回整個(gè)字符串的數(shù)組形式。如果separator是一個(gè)空字符串，則str將會(huì)把原字符串中每個(gè)字符的數(shù)組形式返回。

limit是一個(gè)整數(shù)，限定返回的分割片段數(shù)量。split方法仍然分割每一個(gè)匹配的separator，但是返回的數(shù)組只會(huì)截取最多limit個(gè)元素。

let str = "www.jeffjade.com"
console.log(str.split("."))          // ["www", "jeffjade", "com"]
console.log(str.split(".", 1))       // ["www"]
console.log(str.split(".").join("")) // wwwjeffjadecom

str.indexOf(searchValue, fromIndex)

indexOf()用來(lái)檢索指定的字符串值在字符串中首次出現(xiàn)的位置。它可以接收兩個(gè)參數(shù)，searchValue表示要查找的子字符串，fromIndex表示查找的開(kāi)始位置，省略的話(huà)則從開(kāi)始位置進(jìn)行檢索。

let str = "www.jeffjade.com"
console.log(str.indexOf("."))     // 3
console.log(str.indexOf(".", 1))  // 3
console.log(str.indexOf(".", 5))  // 12
console.log(str.indexOf(".", 13)) // -1

includes()方法用于判斷一個(gè)字符串是否被包含在另一個(gè)字符串中，如果是返回true，否則返回false。

str.includes(searchString[, position])

·searchString·將要搜尋的子字符串。position可選。從當(dāng)前字符串的哪個(gè)索引位置開(kāi)始搜尋子字符串；默認(rèn)為0。需要注意的是，includes()是區(qū)分大小寫(xiě)的。

console.log("Blue Whale".includes("blue"));       // false
console.log("喬峰喬布斯喬幫主".includes("喬布斯")); // true

str.lastIndexOf(searchValue, fromIndex)

lastIndexOf()語(yǔ)法與indexOf()類(lèi)似，它返回的是一個(gè)指定的子字符串值最后出現(xiàn)的位置，其檢索順序是從后向前。

let str = "www.jeffjade.com"
console.log(str.lastIndexOf("."))     // 12
console.log(str.lastIndexOf(".", 1))  // -1
console.log(str.lastIndexOf(".", 5))  // 3
console.log(str.lastIndexOf(".", 12)) // 12

str.search(substr)
str.search(regexp)

search()方法用于檢索字符串中指定的子字符串，或檢索與正則表達(dá)式相匹配的子字符串。它會(huì)返回第一個(gè)匹配的子字符串的起始位置，如果沒(méi)有匹配的，則返回-1。

let str = "www.jeffjade.com"
console.log(str.search("w"))    // 0
console.log(str.search(/j/g))   // 4
console.log(str.search(/./g))  // 3

str.match(substr)
str.match(regexp)

match()方法可在字符串內(nèi)檢索指定的值，或找到一個(gè)或多個(gè)正則表達(dá)式的匹配。

如果參數(shù)中傳入的是子字符串或是沒(méi)有進(jìn)行全局匹配的正則表達(dá)式，那么match()方法會(huì)從開(kāi)始位置執(zhí)行一次匹配，如果沒(méi)有匹配到結(jié)果，則返回null。否則則會(huì)返回一個(gè)數(shù)組，該數(shù)組的第0個(gè)元素存放的是匹配文本，除此之外，返回的數(shù)組還含有兩個(gè)對(duì)象屬性index和input，分別表示匹配文本的起始字符索引和str的引用(即原字符串)。

let str = "#1a2b3c4d5e#";
console.log(str.match("A")); // 返回 null
console.log(str.match("b")); // 返回 ["b", index: 4, input: "#1a2b3c4d5e#"]
console.log(str.match(/b/)); // 返回 ["b", index: 4, input: "#1a2b3c4d5e#"]

如果參數(shù)傳入的是具有全局匹配的正則表達(dá)式，那么match()從開(kāi)始位置進(jìn)行多次匹配，直到最后。如果沒(méi)有匹配到結(jié)果，則返回null。否則則會(huì)返回一個(gè)數(shù)組，數(shù)組中存放所有符合要求的子字符串，并且沒(méi)有index和input屬性。

let str = "#1a2b3c4d5e#"
console.log(str.match(/h/g))  // 返回 null
console.log(str.match(/d/g)) // 返回 ["1", "2", "3", "4", "5"]

str.replace(regexp/substr, replacement)

replace()方法用來(lái)進(jìn)行字符串替換操作，它可以接收兩個(gè)參數(shù)，前者為被替換的子字符串（可以是正則），后者為用來(lái)替換的文本。

如果第一個(gè)參數(shù)傳入的是子字符串或是沒(méi)有進(jìn)行全局匹配的正則表達(dá)式，那么replace()方法將只進(jìn)行一次替換（即替換最前面的），返回經(jīng)過(guò)一次替換后的結(jié)果字符串。

let str = "www.jeffjade.com"
console.log(str.replace("w", "a")) // aww.jeffjade.com
console.log(str.replace(/w/, "A")) // Aww.jeffjade.com

如果第一個(gè)參數(shù)傳入的全局匹配的正則表達(dá)式，那么replace()將會(huì)對(duì)符合條件的子字符串進(jìn)行多次替換，最后返回經(jīng)過(guò)多次替換的結(jié)果字符串。

let str = "www.jeffjade.com"
console.log(str.replace(/w/g, "A"))   // AAA.jeffjade.com

replace()，這個(gè)方法挺有用。如果是在稍微擅長(zhǎng)正則的情形下，用replace等方法，來(lái)截取字符串，也是一個(gè)挺不錯(cuò)的選擇；這對(duì)于某些場(chǎng)景下，可達(dá)到事半功倍之效，如下示例：

let str = "jeff@nice&jade"
console.log(str.replace(/@[sS]*/g, ""))  // "jeff"
console.log(str.replace(/@[sS]*&/g, "")) // "jeffjade"

str.toLowerCase()

toLowerCase()方法可以把字符串中的大寫(xiě)字母轉(zhuǎn)換為小寫(xiě)

let str = "www.jeffjade.com"
console.log(str.toLowerCase())   // www.jeffjade.com

str.toUpperCase()

toUpperCase()方法可以把字符串中的小寫(xiě)字母轉(zhuǎn)換為大寫(xiě)

let str = "www.jeffjade.com"
console.log(str.toUpperCase())   // WWW.JEFFJADE.COM

String.prototype.reverse = function () {
    return this.split("").reverse().join("")
}

String.prototype.removeBlankLines = function () {
    return this.replace(/(
[s	]*
*
)/g, "
").replace(/^[

	]*|[

	]*$/g, "")
}

一維數(shù)組

let str= "陳寅恪,魯迅,錢(qián)鐘書(shū),胡適,王國(guó)維,梁?jiǎn)⒊?吳宓,季羨林"
let arr= str.split(",")
console.log(arr) // ["陳寅恪", "魯迅", "錢(qián)鐘書(shū)", "胡適", "王國(guó)維", "梁?jiǎn)⒊?, "吳宓", "季羨林"]

二維數(shù)組

String.prototype.removeBlankLines = function () {
  return this.replace(/(
[s	]*
*
)/g, "
").replace(/^[

	]*|[

	]*$/g, "")
}
String.prototype.arr = function(firstSplit, secondSplit){
  var contentStr = this.removeBlankLines(),
      contentStrArr = contentStr.split(firstSplit),
      resultArr = contentStrArr.map((element) => {
        return element.split(secondSplit)
      })
  return resultArr
}
var str = `
渺渺鐘聲出遠(yuǎn)方,依依林影萬(wàn)鴉藏。
一生負(fù)氣成今日,四海無(wú)人對(duì)夕陽(yáng)。
破碎山河迎勝利,殘馀歲月送凄涼。
松門(mén)松菊何年夢(mèng),且認(rèn)他鄉(xiāng)作故鄉(xiāng)。
`
console.log(str.arr("
", ","))
// [["渺渺鐘聲出遠(yuǎn)方", "依依林影萬(wàn)鴉藏。"],
//  ["一生負(fù)氣成今日", "四海無(wú)人對(duì)夕陽(yáng)。"],
//  ["破碎山河迎勝利", "殘馀歲月送凄涼。"],
//  ["松門(mén)松菊何年夢(mèng)", "且認(rèn)他鄉(xiāng)作故鄉(xiāng)。"]]

if (typeof String.prototype.startsWith != "function") {
  String.prototype.startsWith = function (prefix){
    return this.slice(0, prefix.length) === prefix
  }
}

if (typeof String.prototype.endsWith != "function") {
  String.prototype.endsWith = function(suffix) {
    return this.indexOf(suffix, this.length - suffix.length) !== -1
  }
}