項目在需要對資料做處理的時候,經常需要百度一些最簡單的數組、字元串方法,很是浪費時間;對這些方法經常回顧、歸納、總結,coding效率會更高一些,本文章将會對常用處理資料場景及方法做總結,希望對你有所幫助。
1場景歸納
-
根據indexOf的結果是否為-1判斷是否包含這個字元串
ant design pro中判斷是否有管理者權限
-
'admin'.indexOf(getAuthority()) !== -1
-
使用者select選項有先後順序,選項1需在選項2前選擇
lastIndexOf(選項1)>indexOf(選項2)
-
判斷檔案名的字尾是否為.tar
filename.substr(-4)===’.tar’
2方法歸納
var str = "123";
2.1屬性
- lengh
console.log(str.length); // 3
- contructor
console.log(str.constructor); // ƒ String() { [native code] }
2.2方法
2.2.1查找類型
- charAt 傳回在指定位置的字元
console.log(str.charAt(0)); // 1
console.log(str.charAt(str.length-1)); // 3
- charCodeAt 傳回指定位置的字元的Unicode編碼
console.log(str.charCodeAt(0)) // 49 位置0是1,1的Unicode編碼是49
- fromCharCode 接收一個或多個指定的Unicode值,傳回一個或多個字元串
console.log(String.fromCharCode(48)) // 0 console.log(String.fromCharCode(48,50)) // 02 多個
2.2.2擷取類型
var str='abcda';
- indexOf 傳回某個指定的字元串在字元串首次出現的位置;若找不到比對,則傳回-1
console.log(str.indexOf("a")); // 0 數字0
console.log(str.indexOf("bd")); // -1 數字-1
- lastIndexOf 傳回指定的字元串值最後出現的位置
console.log(str.lastIndexOf("a")); // 4 數字4
- replace 将字元串中的一些字元替換為另一些字元;
console.log(str.replace("ab","12")); // 12cda
console.log(str.replace("a",12)); // 12bcda 隻可替換第一次
console.log(str.replace(/(a)/g,"12"));// 12bcd12 替換所有
2.2.3截取類型
- slice(start,end) 從指定的開始位置到結束位置(不包括)的所有字元串,如果不指定結束位置,則從指定的開始位置取到結尾;slice參數可以是負數,如果是負數,從-1開始的是字元串結尾
console.log(str.slice(0,1)); // a
console.log(str.slice(0,-1)); // abcd
console.log(str.slice(-2,-1)); // d
console.log(str.slice(0)); // abcda 隻傳一個參數 截取到最後 abcda
- substring(start,end) 從指定的開始位置到結束位置(不包括)的所有字元串,如果不指定結束位置,則從指定的開始位置,取到結尾;與slice的差別是不接收負值
console.log(str.substring(0)); // abcda
- substr(start,length) 從指定的位置開始取指定長度的字元串,如果沒有指定長度,從指定開始位置取到結尾
console.log(str.substr(1));// bcda
console.log(str.substr(1,2));// bc
2.2.4轉換類型
- split(“分割位置”,[指定的長度]) 将嚴格字元串分割成數組
var str = "ab,c,da";
console.log(str.split(","));// ["ab","c","da"]
console.log(str.split(",",1));// ["ab"]
- toLowerCase 用于把字元串轉化為小寫,不用傳參數
console.log(str.toLowerCase());// ab,c,da
- toUppercase 把字元串轉化為大寫,不用傳參數
var str = "ab1cda";
console.log(str.toUpperCase());// AB1CDA
2.2.5樣式類型
- fontColor() 給字元串指定顔色,十六進制表示 red rgb(255,0,0)