資訊專欄INFORMATION COLUMN
原文鏈接：https://mrzhang123.github.io/...
字符方法 chartAt()與charCodeAt()參數：基于0的字符位置
chartAt()以單字符字符串的形式返回給定位置的那個字符。而charCodeAt()返回的是字符編碼。
var stringValue = "hello world"; /*chartAt()*/ console.log(stringValue.chartAt(1)); // "e"字符串操作方法 concat()(數組中也有該方法)
參數：一個或多個字符串
將一個會多個字符串拼接起來，當然更常用的是使用 “+” 進行拼接
substring()與slice()(數組中也有此方法)參數：指定子字符串的開始位置，子字符串到哪里結束
作用：創建新的子字符串（可以理解為字符串截取）
substr()參數：指定子字符串的開始位置，返回的子字符串的字符個數
作用：創建新的子字符串（可以理解為字符串截?。?/p> repeat()（ES6新增）
參數：數字（表示重復的次數）
作用：將原字符串重復n次
如果傳入負數，則報錯，傳入小數和NaN等同于傳入0
substring，slice，substr，repeat均返回子字符串，不會修改原來的字符串
var stringValue = "hello world";
alert(stringValue.slice(3)); //"lo world"
alert(stringValue.substring(3)); //"lo world"
alert(stringValue.substr(3)); //"lo world"
alert(stringValue.slice(3, 7)); //"lo w"
alert(stringValue.substring(3,7)); //"lo w"
alert(stringValue.substr(3, 7)); //"lo worl"
/*repeat()*/
var a = "he";
var b = a.repeat(3);
console.log(`${a}---$`); / //"he---hehehe"
當給這三個方法傳入負值的時候，三個的表現不同：
slice()會將傳入的負值與字符串的長度相加
substr()會將第一個位置的負值參數加上字符串長度后轉為正數，而第二個位置的負值將轉化為0
substring()會把所有的負參數轉化為0
repeat()會報錯
字符串位置方法 indexOf()和lastIndexOf()(數組中也有該方法)參數：要搜索的子字符串，開始搜索的位置（可選）
搜索給定的子字符串，如果找到則返回位置，否則返回-1
var stringValue = "hello world";
alert(stringValue.indexOf("o")); //4
alert(stringValue.lastIndexOf("o")); //7
這兩個方法在搜索到第一個匹配的子字符串后就停止運行，所以如果想找到字符串中所有的
子字符串出現的位置，可以循環調用indexOf或lastIndexOf。
var stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit";
var positions = new Array();
var pos = stringValue.indexOf("e");
while(pos > -1){
positions.push(pos);
pos = stringValue.indexOf("e", pos + 1);
}
alert(positions); //"3,24,32,35,52"
ES6新增includes()、startsWith()、endsWith()
includes()：返回布爾值，表示是否找到了參數字符串
startsWith()：返回布爾值，表示參數字符串是否在源字符串的頭部
endsWith()：返回布爾值，表示參數字符串是否在源字符串的尾部
這三個方法的參數與indexOf()，lastIndexOf()一樣
var s = "Hello world";
s.startsWith("world",6); // true
s.endsWith("Hello",5); // true
s.includes("Hello",6); //false
注意：
使用第2個參數n時，endsWith的行為與其他兩個方法有所不同。它針對前面n個字符，而其他兩個方法針對從第n個位置開始直到字符串結束的字符。
ES5中新增trim()方法用于去除字符串的左右空格，該方法會創建一個字符串的副本，不會改變原有的字符串，此外，Firefox 3.5+、Safari 5+
和 Chrome 8+還支持非標準的 trimLeft()和 trimRight()方法，分別用于刪除字符串開頭和末尾的
空格。
其實去空格可以使用正則去匹配的去掉，這里寫一個去空格函數
/*trim 去掉空白
str要處理的字符串
[type] 類型：l 去除左邊的空白 r去除右邊空白 b去掉兩邊的空白 a去除所有空白*/
function trim (str,type) {
var type=type||"b";
if(type=="b"){
return str.replace(/^s*|s*$/g,"");
}else if(type=="l"){
return str.replace(/^s*/g,"");
}else if(type=="r"){
return str.replace(/s*$/g,"");
}else if(type=="a"){
return str.replace(/s*/g,"");
}
}
字符串大小寫轉換
toLowerCase()、toLocaleLowerCase()、toUpperCase()和 toLocaleUpperCase()
字符串的模式匹配方法
match()
參數：一個正則表達式或RegExp對象
返回一個數組。在字符串上調用這個方法本質上與調用RegExp的exec()方法相同。
var text = "cat, bat, sat, fat"; var pattern = /.at/; //與 pattern.exec(text)相同 var matches = text.match(pattern); alert(matches.index); //0 alert(matches[0]); //"cat" alert(pattern.lastIndex); //0search()
參數：一個正則表達式或RegExp對象
返回字符串中第一個匹配項的索引，如果沒有找到，則返回-1
var text = "cat, bat, sat, fat"; var pos = text.search(/at/); alert(pos); //1replace()
參數：一個RegExp對象或者一個字符串（這個字符串不會被轉換成正則表達式），一個字符串或一個函數
利用replace()進行替換的時候，如果傳入的是字符串，則只會替換第一個子字符串，要想替換所有的子字符串，則需要傳入一個正則表達式，而且要指定全局（g）標志
var text = "cat , bat , sat , fat";
var result = text.replace("at","ond");
console.log(result); // =>"cont , bat , sat , fat"
result = text.replace(/at/g,"ond");
console.log(result); //=>"cont , bont , sont , font"
該方法并不改變調用它的字符串本身，只是返回一個新的替換后的字符串。
當第二個參數為函數時函數的返回值作為替換字符串。與第二個參數是字符串一樣，如果第一個參數是正則表達式，并且全局匹配，則這個函數的方法將被多次調用，每次匹配都會被調用。
該函數的參數：
match：匹配的子串
p1,p2...：假如replace()方法的第一個參數是RegExp對象，則代表第n個括號匹配的字符串。
offset：匹配到的子字符串在原字符串中的偏移量。（比如，如果原字符串是“abcd”，匹配到的子字符串時“bc”，那么這個參數是1）
被匹配的原字符串
function replacer(match , p1 , p2 , p3 , offset , string){
// p1 is nondigits, p2 digits, and p3 non-alphanumerics
console.log(`${match}
${p1}
${p2}
${p3}
${offset}
${string}`);
/* => abc12345#$*%
abc
12345
#$*%
0
abc12345#$*%" */
console.log([p1, p2, p3].join(" - ")); // => "abc - 12345 - #$*%"
return [p1, p2, p3].join(" - ");
}
var newString = "abc12345#$*%".replace(/([^d]*)(d*)([^w]*)/, replacer); // =>"abc - 12345 - #$*%"
split()
參數：用于分隔字符串的分隔符，數字（可選，用于指定數組的大?。?/em>
作用：基于指定的分隔符將一個字符串分割成多個子字符串，并將結果放在一個數組中，分隔符可以是字符串，也可以是RegExp對象
var color = "red,blue,yellow,black";
var color1 = color.split(","); // =>["red","blue","yellow","black"]
var color2 = color.split(",",2); // =>["red","blue"]
var color3 = color.split(/[^,]+/); // =>["", ",", ",", ",", ""]
最后一個調用split的時候，出現了前后的兩個空白，是因為通過正則表達式指定的分隔符出現在了字符串的開頭和結尾。
localeCompare()這個方法用于比較兩個字符串，并返回下列值中的一個：
如果字符串在字母表中應該排在字符串參數之前，則返回負數（大多情況下為-1）
如果相等，則返回0
如果排在字符串參數之前，則返回正數（大多數情況下為1）
fromCharCode()String構造函數的一個靜態方法
參數：一個或多個字符串編碼
作用：將接收到的一個或多個字符串編碼轉換成一個字符串，這個方法與實例方法charCodeAt()執行相反的操作。
