es6数值的扩展方法
number的方法扩展
number.isfinite() 方法检测有限的数值(有穷的数值)
console.log(number.isfinite(1)) // true console.log(number.isfinite(3.1415926)) // true console.log(number.isfinite('1')) // false console.log(number.isfinite(nan)) // false console.log(number.isfinite('1e')) // false console.log(isfinite('1')) // true console.log(isfinite('1e')) // false
上面前两个例子检测的都是数字,不管是浮点数还是正整数负数都是有穷的数值,而下面三个有两个则为字符串类型,这个方法是不会转换数字的所以为无穷的数值,当然nan也是无穷的数值,咱们再看最后两个例子,是用的全局方法,字符串数字检测出来就是有穷的,而掺杂其他字符就是无穷的
number.isnan() 检测一个值是不是nan
console.log(number.isnan(1)) // false console.log(number.isnan(3.1415926)) // false console.log(number.isnan('1')) // false console.log(number.isnan(nan)) // true console.log(number.isnan('1e')) // false
上面的例子咱们可以了解一下,这个方法就是检测值的nan
number.parseint() 隐士类型的转换
console.log(number.parseint(1)) // 1 console.log(number.parseint(3.1415926)) // 3 console.log(number.parseint(3.6415926)) // 3 console.log(number.parseint('1es5')) //1 console.log(number.parseint('asd123')) // nan console.log(number.parseint(nan)) // nan
上面的例子转换是可以将浮点数转换为正整数,不会有什么四舍五入,如果字符串中数字为开头,则直接转换提取出数字如果不是的话则为nan
number.parsefloat() 类型的转换会保留浮点数
console.log(number.parsefloat(1)) // 1 console.log(number.parsefloat(3.1415926)) // 3.1415926 console.log(number.parsefloat('1es5#')) // 1 console.log(number.parsefloat('#asd123')) //nan console.log(number.parsefloat(nan)) // nan
上面的写了几个简单的例子,parsefloat和parseint的区别就是保留浮点数
number.isinteger() 检测一个值是否为整数
console.log(number.isinteger(1)) // true console.log(number.isinteger(3.1415926)) // false console.log(number.isinteger('123')) // false console.log(typeof (math.trunc('1.23'))) // number console.log(number.isinteger('1.23')) // false console.log(number.isinteger(null)) // false console.log(number.isinteger(3.0000000000000002)) // true console.log(number.parsefloat(array)) // nan
上面的例子如果为整数则为true否则为false,它不会将字符串类型进行隐士转换,如果它检测的值小于javascript能够分辨最小的值会出现误判,对于二进制的位数也是有现在要求的不然也会出现误判
math对象的扩展
math.trunc() 去除浮点数的小数部分,返回整数也就相当于转换把,但是没有四舍五入
console.log(math.trunc(1.8)) // 1 console.log(math.trunc(3.1415926)) // 3 console.log(math.trunc('3.1415926')) // 3 console.log(math.trunc('1.23')) // 1 console.log(math.trunc('1.23#')) // nan console.log(math.trunc('#1.23')) // nan console.log(math.trunc()) // nan console.log(math.trunc(-0.25)) // -0
上面举例了几个新增的math对象的方法,我们可以看出,它是可以字符串数字转化出来数字,我们通过对它的类型检测也是得到了number类型,如果数字字符中包含其它字符或是空则表示为nan
math.sign() 用来判断一个数到底是正数、负数、还是零。对于非数值,会先将其转换为数值
console.log(math.sign(1.8)) console.log(math.sign(3.1415926)) console.log(math.sign('3.1415926')) console.log(math.sign('1.23#')) console.log(math.sign('#1.23')) console.log(math.sign(-0)) console.log(math.sign(-2))
上面的例子你可能会疑惑,为什么检测整数和负数的时候都为1 || -1,是因为正数除了0之外都是1,负数除了-0都是-1表示,它也会先执行number的转换字符串数字,如果带有其它符号无法转换的则为nan
math.cbrt() 计算立方根
console.log(math.cbrt(4)) // 1.5874010519681996 console.log(math.cbrt('4')) // 1.5874010519681996 console.log(math.cbrt('2q')) // nan console.log(math.cbrt('q2')) // nan console.log(math.cbrt('16')) // 2.5198420997897464
上面几个例子也体现除了math新增的方法,它也是先进行number的转换,然后再就进行计算,如果不是纯数字的字符串类型会转换失败得出nan
math.hypot() 返回参数内平方的和,可以任意多个参数
console.log(math.hypot(4, 4)) // 5.656854249492381 console.log(math.hypot('4', 4, 3)) // 6.4031242374328485 console.log(math.hypot('2q', 4)) // nan console.log(math.hypot('q2', 4)) // nan console.log(math.hypot('16', 4)) // 16.492422502470642
上面的方法也会先进行数值的转换,有一个参数无法转换就会返回nan
对数方法
math.log1p() 返回1+参数的自然数,如果小于-1就返回nan
console.log(math.log1p(1)) // 0.6931471805599453 也相当于0 console.log(math.log1p(-1)) //-infinity console.log(math.log1p(-2)) // nan console.log(math.log1p('-1')) // -infinity console.log(math.log1p('-2q')) // nan
math.log10() 返回以10为底x的对数,小于0返回nan
console.log(math.log10(10)) // 1 console.log(math.log10(5)) // 0.6989700043360189 console.log(math.log10(20)) // 1.3010299956639813 console.log(math.log10(2000)) // 3.3010299956639813
math.log2() 返回以2为底x的对数,小于0返回nan
console.log(math.log10(10)) // 3.321928094887362 console.log(math.log10(5)) // 2.321928094887362 console.log(math.log10(20)) // 4.321928094887363 console.log(math.log10(2000)) // 10.965784284662087 console.log(math.log2('2000')) // 10.965784284662087
上面的这个方法也是先进行数值的转换,在进行计算
总结:基本上数值的扩展都是针对数字类型的一些新方法的使用,一般的是存在比较复杂的公式,所以我们可以按照方法得出的结果可以去查找规律从而可以使用它,可以多了解了解
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: vue结合element-ui使用示例
下一篇: vue实现的仿淘宝购物车功能详解