为了账号安全,请及时绑定邮箱和手机立即绑定

javascript黑科技之高效填充

前两天看了下导致react、babel打包失败的left-pad 14行源码,的确是存在黑科技啊,可以把填充缩短到只填充2的n次方中的n次。其中还有关于位操作符的运用,很好很强大。

不过由于太简单了,代码太少,所以运用场景比较单一,一些复杂场景也不能返回正确想要达到的值。我就在这基础上进行了优化,并且给出了位操作的替代处理方案,效率和源代码一样。以下是相关代码,并在github上附上了对应的单元测试:

/**
 * Created by lenovo on 2017/6/13.
 */
/**
 * 高效填充字符函数(填充次数为2的n次方中的n次)
 * @param  {string}  str    待填充的字符串
 * @param  {number}  len    填充后的长度
 * @param  {any}     ch     填充物,可以单个字符,也可以多个字符。
 * @param  {any}     direct 填充位置(r: 右填充,其他:左填充)
 */
function pad(str, len, ch, direct) {
    var left = '', //超出的填充字符
        pad = '', // 完整填充字符
        ch = ch + ''; //填充物

    //完整填充字符
    len = len - str.length;

    // 1、填充长度必须大于0,否则返回原字符串,例如(pad('aa', 0, 'tabca'))
    if (!(len >= 0)) return str;

    if (ch.length > 0 && len % ch.length !== 0) {
        console.log(222)
        //2、不能正好完整填充,则会有超出的填充字符,例如(pad('aa', 7, 'tabc'))
        left = ch.slice(0, len % ch.length);
    }

    // 3、获取实际填充长度,如果超过一个字符,填充次数会相应除去,例如(pad('aa', 7, 't')和2)
    len = Math.floor(len / (ch.length));

    while(true) {
        // 4、长度如果为偶数,则直接对折加如果不是,最后长度为0也会进入该函数,例如(pad('aa', 10, 'taca')和2)
        if (len % 2) pad += ch;// if (len & 1) pad += ch;
        len >>= 1;// len = Math.floor(len / 2);
        if (len) ch += ch;
        else break;
    }
    // 5、默认为左填充,如果想右填充则direct传'r',例如(pad('aa', 7, 't','r')和2)
    if (direct === 'r') {
        return str + pad + left;
    } else {
        return left + pad + str;
    }
}

module.exports = pad;

github地址:https://github.com/maoruibin001/Black-Technology
上面有详细的单元测试,欢迎大家fork。

点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
9110
获赞与收藏
2572

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消