字符串原型：
通過修改字符串的原型，可以為所有字符串添加公共方法

String.prototype.startwith = function(text) {return this.indexOf(text) == 0; }; var str = 'ABC123你好！'; str.startwith('A'); // 調用原型方法

JS 中的字符串操作
字符串：基本數據類型，一旦定義就不會被修改，如果修改則是重新開辟空間存儲。字符串有屬性length和一系列方法。
字符串的生成轉換 (可以將任何類型的數據轉換為字符串)
轉換成字符串的三種方式：

.toString() 方法 注: undefined、null沒有toString()方法。 var num = 28; console.log(typeof num.toString()); // 返回結果是"string", String() 方法 注: undefiend、null可以通過String()轉換為字符串(A + "") 拼接字符串 注: 所有的類型都可以通過拼接字符串的形式轉換成字符串

根據索引查找字符：
1. str.charAt(索引值); // 獲取指定索引上的字符

var str = 'ABC123你好！'; console.log( str.charAt(1) ); // B console.log( str.charAt(str.length-1) ); // ! console.log( str.charAt(1000) ); // '' 索引超出邊界返回空

2. str[索引值] : str[0] 和數組一樣，通過下標獲取，H5新增，IE6-7-8不支持

var str = 'ABC123你好！'; console.log( str[1] ); // B console.log( str[str.length-1] ); // ! console.log( str[10000] ); // 索引超出邊界返回undefined

3. str.charCodeAt(索引值); // 獲取指定索引上的Unicode編碼

var str = 'ABC123你好！'; console.log( str.charCodeAt(1) ); // 66 console.log( str.charCodeAt(str.length-1) ); // 65281 console.log( str.charCodeAt(1000) ); // 索引超出邊界返回NaN

根據字符查索引：
1. str.indexOf('字符串'); 從左往右查, 返回當前存在字符的位置

var str = 'ABC123你好！'; console.log( str.indexOf("C") ); // 2 console.log( str.indexOf("Ga") ); // 未找到匹配字符，返回 -1

2. str.lastIndexOf('字符串'); 從右往左查，返回當前存在字符的位置

var str = 'ABC123你好！'; console.log( str.lastIndexOf("C") ); // 2 console.log( str.lastIndexOf("Ga") ); // 未找到匹配字符，返回-1

字符串拼接：
1. 使用 +號 拼接字符串

var str = 'ABC123你好！'; str = str + '深圳'; // ABC123你好！深圳

2. concat() 方法可以拼接字符串，也能拼接數組

// 拼接字符串 str = str.concat('深圳'); // ABC123你好！深圳// 拼接數組 [1,5,9].concat([6,2,8]); // [1,5,9,6,2,8]

字符串截取：
1. arrayObject.slice(開始索引值，結束索引值); // 由于字符串是個類數組，所以slice能截取數組和字符串； 不改變原數據，返回值是剪切的內容

var str = 'ABC123你好！'; // 沒有參數時: 拷貝一份 console.log( str.slice() ); // 'ABC123你好！' // 一個參數時: 從開始索引值截取到最后 console.log( str.slice(3) ); // '123你好！' // 兩個參數時: 包左不包右 console.log( str.slice(0,3) ); // 'ABC' // 當參數為負數時: 從右往左數 console.log( str.slice(-2) ); // '好！' // 前大后小 則返回空字符串 console.log( str.slice(3,0) ); // 返回 空字符串 總結： a). 支持對數組和字符串的截取(不改變原數據，返回值為截取內容) b). 支持負數，一個參數時，從開始索引值截取到最后 c). 兩個參數時，包左不包右，如果前大后小，則返回空字符串或數組

2. str.substr(開始索引值，截取個數);

var str = 'ABC123你好！'; // 沒有參數時: 拷貝一份 console.log( str.substr() ); // 'ABC123你好！' // 一個參數時: 從開始索引值截取到最后 console.log( str.substr(3) ); // '123你好！' // 兩個參數時: 從開始索引值截取1個 console.log( str.substr(2,1) ); // 'C' // 當參數為負數時: 從右往左數 console.log( str.substr(-2) ); // '好！' 總結： a). 不改變原數據，返回值為截取的內容。 b). 支持負數，一個參數時，從開始索引值截取到最后 c). 兩個參數時, 從開始位置, 截取指定長度的字符

3. str.substring(開始索引值，結束索引值);

var str = 'ABC123你好！'; // 沒有參數時: 拷貝一份 console.log( str.substring() ); // 'ABC123你好！' // 一個參數時: 從開始索引值截取到最后 console.log( str.substring(3) ); // '123你好！' // 兩個參數時: 包左不包右 console.log( str.substring(0,3) ); // 'ABC' // 不支持負數，如果是負數則視為0 console.log( str.substring( -11, 3) ); // 'ABC' // 前大后小，則智能調換位置 console.log( str.substring(6,3) ); // '123' 總結： a). 不改變原數據，返回值為截取的內容。 b). 不支持負數，如果是負數則視為0 c). 兩個參數時，包左不包右，如果前大后小，則智能調換位置。

字符串替換：
1. str.replace(regExp/substr, 替換的內容);

var str = "Today is a good day." // 字符串的形式： 只能替換一個, 無法忽略大小寫 cosnole.log( str.replace('Today', 'Tomorrow') );// "Tomorrow is a good day." // 正則的形式： 可以替換多個，可以忽略大小寫 console.log( str.replace(/today/ig, 'Tomorrow') ); // 傳入函數時的用法 str.replace(regExp/substr, function(a, b, c){// 可以傳3個參數// a: 為匹配的字符串// b: 為匹配字符串的起始位置// c: 為調用replace方法的字符串本身 });

字符串大小寫轉換：

var str = 'ABC123你好！'; str.toLowerCase(); // 英文字符轉換成小寫 var str = 'abc123你好！'; str.toUpperCase(); // 英文字符轉化成大寫

字符串分割： split() 和 join() 是一對

str.split(分隔符[，分割長度]); // 用于把一個字符串分割成字符串數組 var str = 'aaa|bbb|ccc'; // 按'|'進行分割，參數不會出現在數組中； console.log( str.split('|') ); // ["aaa","bbb","ccc"] // 不帶參數，整體作為一個元素 console.log( str.split() ); // ["aaa|bbb|ccc"] // 按空字符串分割，則每個字符都為一個元素 console.log( str.split("") ); // ["a","a","a","|","b","b","b","|","c","c","c"] // 指定長度分割 console.log( str.split("", 2) ); // ["a","a"]

字符串匹配：
1. str.search(regexp); // 匹配指定字符串， 返回起始位置，匹配不成功則返回 -1; 不執行全局匹配，匹配成功則不再匹配

var str = 'ABC123你好！'; str.search(/3/i)； // 5 str.search(/D/i); // -1

2. str.match(substr/regexp); // 返回匹配結果的數組，匹配失敗返回null

var str = 'A123B345ABC456"; // 在字符串內檢索指定的值，或找到一個或多個匹配 console.log( str.match(/A/ig); // ["A","A"] // 未找到匹配內容返回 null console.log( str.match(/DDD/ig); // null

3. 正則方法： reg.test(str); // 返回 true 或 false

var str = 'ABC123你好！'; var reg = /ABC/ig; console.log( reg.test(str) ); // true; var reg = /DDD/ig; cosnole.log( reg.test(str) ); // false;

4. 正則方法: reg.exec(str); 返回一個數組，存放匹配結果，未找到，返回null


字符串案例：
1. 統計一個字符串中出現次數最多的字符和次數。
例如： "Hollow word! good day!" => o, 5次

2. 獲取URL中？后面的內容，并轉化成對象的形式；
例如： "https://www.baidu.com/login?name=yuxi2018&password=123456&type=1" => { name: "yuxi2018", password: "123456", type: 1 }

3. 字符串去重
例如： "aabbcc123" => "abc123";

4. 生成駝峰法字符串
例如： border-bottom-color => borderBottomColor

轉載于:https://www.cnblogs.com/yuxi2018/p/9531311.html

總結

以上是生活随笔為你收集整理的[记录] JavaScript 中的字符串操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。