继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

javascript黑科技之高效填充

ruibin
关注TA
已关注
手记 77
粉丝 9109
获赞 2572

前两天看了下导致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。

打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP

热门评论

<html></html>


查看全部评论