• repeat() 方法,复制和 padStart() 和 padEnd() 方法,填充


    5.33 String

    7.repeat() 方法

    ECMAScript在所有字符串上都提供了 repeat() 方法。这个方法接收
    一个整数参数,表示要将字符串复制多少次,然后返回拼接所有副本后
    的结果。

    let stringValue = "a ";
    console.log(stringValue.repeat(2) + "batman");//a a batman

    8. padStart() 和 padEnd() 方法
    padStart() 和 padEnd() 方法会复制字符串,如果小于指定长
    度,则在相应一边填充字符,直至满足长度条件。这两个方法的第一个
    参数是长度,第二个参数是可选的填充字符串,默认为空格" "
    (U+0020)。

    padStart() 方法用另一个字符串填充当前字符串(如果需要的话,会重复多次),以便产生的字符串达到给定的长度。从当前字符串的(左侧)开始填充。

    const str1 = '5';
    
    console.log(str1.padStart(2, '0'));
    // expected output: "05"
    
    const fullNumber = '2034399002125581';
    const last4Digits = fullNumber.slice(-4);
    const maskedNumber = last4Digits.padStart(fullNumber.length, '*');
    
    console.log(maskedNumber);
    // expected output: "************5581"

    可选的第二个参数并不限于一个字符。如果提供了多个字符的字符串,
    则会将其拼接并截断以匹配指定长度。此外,如果长度小于或等于字符
    串长度,则会返回原始字符串。

    'abc'.padStart(10);         // "       abc"
    'abc'.padStart(10, "foo");  // "foofoofabc"
    'abc'.padStart(6,"123465"); // "123abc"
    'abc'.padStart(8, "0");     // "00000abc"
    'abc'.padStart(1);          // "abc"

    padEnd()  方法会用一个字符串填充当前字符串(如果需要的话则重复填充),返回填充后达到指定长度的字符串。从当前字符串的末尾(右侧)开始填充。

    const str1 = 'Breaded Mushrooms';
    
    console.log(str1.padEnd(25, '.'));
    // expected output: "Breaded Mushrooms........"
    
    const str2 = '200';
    
    console.log(str2.padEnd(5));
    // expected output: "200  "

    右侧开始填充

    'abc'.padEnd(10);          // "abc       "
    'abc'.padEnd(10, "foo");   // "abcfoofoof"
    'abc'.padEnd(6, "123456"); // "abc123"
    'abc'.padEnd(1);           // "abc"
  • 相关阅读:
    flask之视图
    android studio 配置阿里云镜像 加速
    mac idea phpstorm 提示 clear read-only status 解决办法
    如何给网站一键变黑?如哀悼日,一行css代码解决
    Android base64加密中文乱码问题解决记录
    微信Android app支付 重要记录,重要!!
    mysql 数据库拷贝innodb 操作注意事项,宝塔面板
    Linux 服务器使用shell脚本 实现 间隔N秒访问url
    echarts pie饼图块颜色设置
    Linux 服务器 node 节点满了引发的灾难,请定期清理node节点
  • 原文地址:https://www.cnblogs.com/huanghuali/p/14673198.html
Copyright © 2020-2023  润新知