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>