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>