美文网首页
2019-10-17

2019-10-17

作者: 五更月下琉璃 | 来源:发表于2019-10-18 17:20 被阅读0次

    实例方法:repeat()

    repeat返回一个新的字符串,表示将原字符串重复N次。参数不能为负数
    'x'.repeat(3) //"xxx"
    'helli'.repeat(2) //"hellohello"
    'na'.repeat(0) //""

    实例方法:padStart(),padEnd(),

    字符串补全长度的功能。padStart()用于头部补全,padEnd()用于尾部补全。

    'x'.padStart(5,'ab')  //'ababx'
    'x'.padStart(4,'ab')  //'abax'
    
    'x'.padEnd(5,'ab')  //'xabab'
    'x'.padEnd(4,'ab')  //'xaba'
    

    padStart()和padEnd()一共接受两个参数,第一个是字符串补全生效的最大长度,第二个参数是用来补全的字符串。如果原字符串长度大于等于最大长度,则字符串补全不生效,直接返回原字符串。若是用来补全的字符串和原字符串长度之和超出了最大长度,会截去超出位数的补全字符串

    'ab'.padStart(10,'0123456789')  //'01234567ab'
    

    若是省略第二个参数,默认使用空格补充。

    'x'.padStart(4)  // '   x'
    

    常见用途之一是为数值补全指定位数。

    '1'.padStart(10,'0')  //"0000000001"
    

    用途之二是提示字符串格式

    '12'.padStart(10,'YYYY-MM-DD')  //"YYYY-MM-12"
    

    trimStart()消除字符串头部的空格,trimEnd()消除尾部的空格。

    返回的都是新的字符串,不会改变原来的字符串

    const s = '  abc  ';
    
    s.trim() // "abc"
    s.trimStart() // "abc  "
    s.trimEnd() // "  abc"
    

    Math对象的扩展

    math.trunc用于出去一个数的小数部分,返回整数部分

    Math.trunc(4.1)  //4
    Math.trunc(4.999)  //4
    Math.trunc(-4.1)  //-4
    Math.trunc(-0.1435)  //-0
    

    对于非数值,Math.trunc会先将其转化为数值

    Math.trunc('123.456‘)  //123
    Math.trunc(true)  //1
    Math.trunc(false)  //0
    Math.trunc(null)  //0
    

    对于空值和无法截取整数的值,返回NaN。

    Math.trunc(NaN)  //NaN
    Math.trunc("foo")  //NaN
    Math.trunc()         //NaN
    Math.trunc(undefind)  //NaN
    

    Math.sign()用来判断一个数到底是正数、负数、还是0.对于非数值,会将其先转化为数值。
    参数为正数,返回+1;
    参数为负数,返回-1;
    参数为 0,返回0;
    参数为-0,返回-0;
    其他值,无法转化为数值的值,返回NaN。

    Math.sign(-5) // -1
    Math.sign(5) // +1
    Math.sign(0) // +0
    Math.sign(-0) // -0
    Math.sign(NaN) // NaN
    

    Math.cbrt()用于计算一个数的立方根

    Math.cbrt(-1) // -1
    Math.cbrt(0)  // 0
    Math.cbrt(1)  // 1
    

    对于非数值,会先转化为数值

    Math.cbrt('8') //2
    Math.cbrt('hello') // NaN
    

    新增指数运算符(**)

    2**3  //8
    

    运算顺序从右到左,多个指数运算符连用时,

    2**3**2 = 2**(3**2)  //输出结果512
    

    相关文章

      网友评论

          本文标题:2019-10-17

          本文链接:https://www.haomeiwen.com/subject/duommctx.html