字符串和數組經常使用方法整理

字符串方法

1. 獲取字符串某位字符

[] === charAt

let str = "abcdefg";
console.log(str[0]);//"a"
console.log(str.charAt(1));//"b"
複製代碼

2. 獲取字符串長度

str.length

let str = "abcdefg";
console.log(str.length);//7
console.log(str[str.length-1]);//"g"
複製代碼

3. 查找某個字符，有則返回第一次匹配到的位置，不然返回-1

indexOf()

let str = "abcdefg";
console.log(str.indexOf("a"));//0
console.log(str.indexOf("z"));//-1
複製代碼

4. 將字符轉換爲ascll碼值以及將ascll碼值轉換爲字符

charCodeAt()、String.fromCharCode()

let str = "abcdefg";
console.log(str.charCodeAt(0));//"a" --> 97
console.log(String.fromCharCode(97));//97 --> "a"
複製代碼

5. 字符串拼接

concat()

let str = "abc";
console.log(str.concat("efg"));//"abcefg"
console.log(str.concat("efg","hijk"));//"abcefghijk"
複製代碼

6. 字符串切割

• slice()
• substring()
• substr()

let str = "abcdefg";
/*slice*/
console.log(str.slice(1,6));//"bcdef" [1,6)
console.log(str.slice(1)); //"bcdefg" [1,str.length-1]
console.log(str.slice());//"abcdefg" [0,str.length-1]
console.log(str.slice(-2));//"fg"
console.log(str.slice(6, 1));//""
/* slice只傳兩個值個值，則表示左閉右開，不包括結束位置的值 傳入一個值，則表示，才起始位開始，把字符串切割完 不傳值，則切割整個字符串 也能夠傳入負數，字符串倒數第一位爲-1 */
/*substring*/
console.log(str.substring(1,6));//"bcdef" [1,6)
console.log(str.substring(1)); //"bcdefg" [1,str.length-1]
console.log(str.substring());//"abcdefg" [0,str.length-1]
console.log(str.substring(6,1));//"bcdef" [1,6)
console.log(str.substring(-1));//"abcdefg"
/* 用法和slice基本相同，只不過substring，傳入的第一個值比第二個值大 時，默認會進行從小值切到大值的處理 以及傳入負數，會切割整個字符串 */

/*substr(start,length)*/
console.log(str.substr(1,6));//"bcdefg" 6表明切割的length
console.log(str.substr(1)); //"bcdefg" [1,str.length-1]
console.log(str.substr());//"abcdefg" [0,str.length-1]
console.log(str.substr(-1));//"g"

/* substr 第一個參數表示開始切割的起始位置 第二個參數表示切割的長度 傳一個值和不傳值的表現和slice相同 也能夠傳入負值 */
複製代碼

7. 字符串轉換大小寫

• toUpperCase()
• toLowerCase()

let str1 = "adABDndj";
console.log(str1.toUpperCase());//"ADABDNDJ"
console.log(str1.toLowerCase());//"adabdndj"
複製代碼

8. 切割字符串返回數組

split()此方法和數組的arr.join()對照着講

注意：字符串的全部方法，都不會改變字符串自己

數組方法

1. 數組的取值

數組使用下標取值[idx]

let arr = [1,2,3,4];
console.log(arr[1]);//2
複製代碼

2. 數組的拼接

arr.concat()

let arr = [1,2,3];
console.log(arr.concat([4,5,6],[7,8,9]));//[1, 2, 3, 4, 5, 6, 7, 8, 9]
複製代碼

3. 獲取數組的長度

arr.length

4. 使用slice進行數組的切割

用法和字符串相同

let arr = [1,2,3,4,5,6,7,8];
console.log(arr.slice(1,6));//[2, 3, 4, 5, 6] [1,6)
console.log(arr.slice(1)); //[2, 3, 4, 5, 6, 7, 8] [1,arr.length-1]
console.log(arr.slice());//[1, 2, 3, 4, 5, 6, 7, 8] [0,arr.length-1]
console.log(arr.slice(-2));//[7, 8]
console.log(arr.slice(6, 1));//[]
複製代碼

5. indexOf查找

let arr = [1,2,3,4,5,6,7,8];
console.log(arr.indexOf(8));//7
console.log(arr.indexOf(10));//-1
複製代碼

6. 往數組裏面添加或刪除數據

• push往數組末尾添加數據
• unshift往數組開頭添加數據
• pop刪除數組末尾的數據
• shift刪除數組開頭第一個數據

let arr = [1,3,4,5];
arr.push("a",6);
console.log(arr);//[1,3,4,5,"a",6];
arr.pop();
console.log(arr);//[1,3,4,5,"a"];
arr.unshift(2);
console.log(arr);//[2,1,3,4,5,"a"];
arr.shift();
console.log(arr);//[1,3,4,5,"a"];

複製代碼

7. arr.splice()能夠實現上述四個方法的全部功能

• 參數1 指定添加或者刪除開始的索引
• 參數2 指定刪除的length（必須 該值爲0，表示不刪除任何元素）
• 參數3及以後的參數 表示要添加的數據（可選）

let arr = [1,3,4,5];
arr.splice(0,0,"12");//===arr.unshift("12");
console.log(arr);//["12", 1, 3, 4, 5]
arr.splice(0,1);//=== arr.shift();
console.log(arr);//[1, 3, 4, 5]
arr.splice(arr.length,0,"a");//===arr.push("a");
console.log(arr);//[1, 3, 4, 5, "a"]
arr.splice(arr.length-1,1);//===arr.pop();
console.log(arr);//[1, 3, 4, 5]
複製代碼

8. 數組的排序（通常用於number類型的數據）

arr.sort()

let arr = [97,3,67,42,100,21];
//升序排序
arr.sort((a,b)=>a-b);
console.log(arr);//[3, 21, 42, 67, 97, 100]
//降序排序
arr.sort((a,b)=>b-a);
console.log(arr);//[100, 97, 67, 42, 21, 3]
複製代碼

9. 數組拼接成字符串

arr.join()

let arr = [1,23,4,45,5];
let str = arr.join("-");
console.log(str);//"1-23-4-45-5"

//字符串切割成數組
let arr1= str.split("-");//參數表示以什麼字符爲界限切割字符串
console.log(arr1);//["1", "23", "4", "45", "5"]
複製代碼

10. 數組反序

arr.reverse()

let arr = [1,3,4,5,6,7];
arr.reverse();
console.log(arr);//[7, 6, 5, 4, 3, 1]

複製代碼

注意：數組中和字符串同名的方法，還有外加一個join()都不改變原數組