js字符串相關方法

屬性

length 可以訪問帶該字符串有多少個字符

console.log("Hello".length); // 5

方法

charAt()接收一個參數，找到對應的下標字符是什麼

let str = "Hello World";
console.log(str.charAt(1)); // e
console.log(str.charAt('a')); // H 因爲a被轉換爲數字0

charCodeAt() 接收一個數組參數，找到對應的下標的字符編碼是什麼

let str = "Hello World";
console.log(str.charCodeAt(1)); // 101
console.log(str.charCodeAt('a')); // 72

fromCharCode() 和charCodeAt()相反

console.log(String.fromCharCode(104,101,108,108,111)); // hello

操作方法
concat() 用於字符串的拼接，返回得到新的字符串
原字符串不會改變，拼接後的字符串以返回值的方式返回

let str = "Hello";
let newStr = str.concat(" World!!!");
console.log(str); // Hello
console.log(newStr); // Hello World!!!
//但是還是+號拼接更加方便

slice() 接收一個或者兩個參數，用於截取字符串
截取不包括第二個參數下標

let str = "Hello World";
let str2 = str.slice(2);//下標2之後所有字符串
let str3 = str.slice(2,7); // 不包括 7
console.log(str); // Hello World
console.log(str2); // llo World
console.log(str3); // llo W

substr() 和 slice() 相近區別在與第二個參數所取的是個數

let str = "Hello World";
let str1 = str.substr(2);//下標2之後所有字符串
console.log(str1); // llo World
str1 = str.substr(2,7); // 要返回的字符串個數
console.log(str1); // llo Wor

substring() 用於提取二個指定下標之間的字符

let str = "Hello World";
let str1 = str.substring(2); //下標2之後所有字符串
console.log(str1); // llo World 
str1 = str.substring(2,7); // 結束位置爲7，不包括7
console.log(str1); // llo W

substring() 與 slice() 區別 在與 取負數

let str = "Hello World";
let str1 = str.slice(-3);
let str2 = str.substr(-3);
let str3 = str.substring(-3);
// slice 將所有的負值好字符串的長度相加
// substr 負的第一個參數和字符串長度相加 負的第二個產生轉換爲0
// substring 把所有的負值轉換爲0 substring() 會較小的數作爲開始 較大的數作爲結束
console.log(str1); // rld
console.log(str2); // rld
console.log(str3); // Hello World
str1 = str.slice(2,-3); // 等價slice(2,8)
str2 = str.substr(2,-3); // 等價substr(2,0)
str3 = str.substring(2,-3); // 等價 substring(2,0) 等價 substring(0,2)
console.log(str1); // llo Wo
console.log(str2); // 空
console.log(str3); // He

字符串位置方法
indexOf()和 lastIndexOf() 都是查詢指定字符串，返回下標位置，沒有則返回-1，區別在與一個從左往右一個從右往左

let str = "Hello World";
console.log(str.indexOf('l')); // 2
console.log(str.lastIndexOf('l')); // 9

search() 也是用於查詢相匹配的字符串，沒有找到返回-1

let str = "Visit Runoob!";
let n = str.search("Runoob");
console.log(n); // 6
//也可以傳入正則表達式
let str = "Mr. Blue has a blue house";
console.log(str.search(/blue/i)); // 4

查看是否包含字符
includes() 用於查詢是否包含某個字符，包含返回true，否則返回false

let str = "Hello World";
console.log(str.includes("l")); // true
console.log(str.includes("M")); // false

檢測開始字符和結束字符
startsWith() 和 endsWith() 分別檢測開始和結束字符

console.log(str.startsWith("H")); // true
console.log(str.endsWith("d")); // true
console.log(str.endsWith("z")); // false

去除字符串空白方法
trim() 用於去除字符串兩端的空白，會創建一個副本

let str = " Hello World ";
let newStr = str.trim();
console.log(str); // Hello World
console.log(newStr); // Hello World

除trim() 還有 trimLeft() 和 trimRight() 方法，分別用於刪除開頭和結尾空格

重複字符串
repeat() 接收一個參數爲重複次數，返回新字符串

let str = "Hello";
console.log(str.repeat(3));
// HelloHelloHello

字符串大小寫轉換方法
toLowerCase() 和 toUpperCase() 分別是小寫和大寫

let str = "HELLO";
console.log(str.toLowerCase()); // hello
str = "hello";
console.log(str.toUpperCase()); // HELLO