JS字符串常用方法（自）---2、字符串填充
一、總結
一句話總結：
字符串填充方法有padStart（左端填充字符）和padEnd（右端填充字符），參數是必帶參數targetLength（目標長度）、可選參數padString（填充字符串），返回值是填充之后給定長度的字符串
padStart() 方法用另一個字符串填充當前字符串(重復，如果需要的話)，以便產生的字符串達到給定的長度。填充從當前字符串的開始(左側)應用的。
padEnd() 方法會用一個字符串填充當前字符串（如果需要的話則重復填充），返回填充后達到指定長度的字符串。從當前字符串的末尾（右側）開始填充。
作用：方法用另一個字符串填充當前字符串，以便產生的字符串達到給定的長度
參數：必帶參數targetLength（目標長度）、可選參數padString（填充字符串）
返回值：填充之后給定長度的字符串
'abc'.padStart(10); // " abc"
'abc'.padStart(10, "foo"); // "foofoofabc"
'abc'.padStart(6,"123465"); // "123abc"
'abc'.padStart(8, "0"); // "00000abc"
'abc'.padStart(1); // "abc"
1、字符串填充方法有padStart（左端填充字符）和padEnd（右端填充字符），他們的特點是什么（從參數方面）？
首先是定長，其次是填充字符串，例如：'abc'.padStart(6,"123465"); // "123abc"
二、2、字符串填充
博客對應課程的視頻位置：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>padStart()和padEnd()</title> 6 </head> 7 <body> 8 <!-- 9 padStart() 方法用另一個字符串填充當前字符串(重復，如果需要的話)，以便產生的字符串達到給定的長度。填充從當前字符串的開始(左側)應用的。 10 padEnd() 方法會用一個字符串填充當前字符串（如果需要的話則重復填充），返回填充后達到指定長度的字符串。從當前字符串的末尾（右側）開始填充。 11 12 作用：方法用另一個字符串填充當前字符串，以便產生的字符串達到給定的長度 13 參數：必帶參數targetLength（目標長度）、可選參數padString（填充字符串） 14 返回值：填充之后給定長度的字符串 15 16 17 --> 18 <script> 19 // console.log('abc'.padStart(20)); 20 // console.log('abc'.padStart(20,'fry')); 21 22 // 'abc'.padStart(10); // " abc" 23 // 'abc'.padStart(10, "foo"); // "foofoofabc" 24 // 'abc'.padStart(6,"123465"); // "123abc" 25 // 'abc'.padStart(8, "0"); // "00000abc" 26 // 'abc'.padStart(1); // "abc" 27 28 // console.log('abc'.padEnd(20)); 29 // console.log('abc'.padEnd(20,'fry')); 30 31 console.log('abc'.length); 32 console.log('abc'); 33 console.log('abc'[0]); 34 35 //自己簡略寫padStart函數： 36 function padStart_my(str,targetLength,padString) { 37 let ans_str='';//結果字符串 38 let length=str.length;//字符串長度 39 let pad_str_length=padString.length;//填充字符串長度 40 let left_length=targetLength-length;//剩余的長度 41 //處理能整個裝下padString 42 while(left_length>=pad_str_length){ 43 ans_str+=padString; 44 left_length-=pad_str_length; 45 } 46 //處理能部分裝下padString 47 for(let i=0;i<left_length;i++){ 48 ans_str+=padString[i]; 49 } 50 //加上原字符串 51 ans_str+=str; 52 return ans_str; 53 } 54 console.log(padStart_my('abc',20,'fry')); 55 </script> 56 </body> 57 </html>