1. 数字进制新增
1.1. 定义二进制字面量
二进制:(b:Binary)
let a = 0b10;
console.log(a); // 2
如果后面写的不符合二进制就报错
let a = 0b1234;
// 报错
以前还学过其他进制
let b = 0O666;
console.log(b); //八进制 Math.pow(8,2)*6 +8*6 +1*6
let a = 0Xccc;
console.log(a); // 十六进制 Math.pow(16,2)*12 +16*12 +1*12
背景颜色采用随机色
#box {
width: 200px;
height: 200px;
border: 10px solid pink;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
// 背景颜色采用随机色(16进制颜色值)
// box.style.backgroundColor = "#" + Math.random().toString(16).substr(2,6);
//十六进制的随机数，数字的toString()方法可以传参数，就是变成几进制
// new Number(10)数值上的toString是重写的toString,可以传“进制”参数 substr(截取位置，截取几位)
// 背景颜色采用随机色(RGB颜色值写三个值)
let a =Math.floor(Math.random()*256);
let b =Math.floor(Math.random()*256);
let c =Math.floor(Math.random()*256);
box.style.backgroundColor = `rgb(${a},${b},${c})`; //``字符串模板
2. Number新增方法
2.1.数字的变化
以前使用方法有
parseInt() parseFloat(
以前的方法都是挂着window身上的,ES6改变了现在挂载在Number自己身上。和 Number.isNaN()的用法完全一样。现在parseInt(),parseFloat()两个方法也挂着到了Number上。
2.1.1.Number.parseInt()、Number.parseFloat()
ES6 将全局方法parseInt()和parseFloat()，移植到Number对象上面，行为完全保持不变。
// ES5的写法
parseInt('12.34') // 12
parseFloat('123.45#') // 123.45
// ES6的写法
Number.parseInt('12.34') // 12
Number.parseFloat('123.45#') // 123.45
这样做的目的，是逐步减少全局性方法，使得语言逐步模块化。
Number.parseInt === parseInt // true
Number.parseFloat === parseFloat // true
2.1.2.Number.isFinite()、Number.isNaN()
Number.isFinite()
Number.isFinite()用来检查一个数值是否为有限的（finite）。
- 用法
Number.isFinite() - 参数
需要判断的数字
let a = 33;
let b = true;
let c = '3';
let d = 12.3;
console.log(Number.isFinite(a)); // true
console.log(Number.isFinite(b)); // false
console.log(Number.isFinite(c)); // false
console.log(Number.isFinite(d)); // true
Number.isFinite(15); // true
Number.isFinite(0.8); // true
Number.isFinite(NaN); // false
Number.isFinite(Infinity); // false
Number.isFinite(-Infinity); // false
Number.isFinite('foo'); // false
Number.isFinite('15'); // false
Number.isFinite(true); // false
是数字就返回true,不是就返回false,不会进行隐式类型转换,NaN,'3'都是false
Number.isNaN()
Number.isNaN()用来检查一个值是否为NaN。
和全局函数 isNaN() 相比，该方法不会强制将参数转换成数字，只有在参数是真正的数字类型，且值为 NaN 的时候才会返回 true。
Number.isNaN(NaN); // true
Number.isNaN(Number.NaN); // true
Number.isNaN(0 / 0) // true
// 下面这几个如果使用全局的 isNaN() 时，会返回 true。
Number.isNaN("NaN"); // false，字符串 "NaN" 不会被隐式转换成数字 NaN。
Number.isNaN(undefined); // false
Number.isNaN({}); // false
Number.isNaN("blabla"); // false
// 下面的都返回 false
Number.isNaN(true);
Number.isNaN(null);
Number.isNaN(37);
Number.isNaN("37");
Number.isNaN("37.37");
Number.isNaN("");
Number.isNaN(" ");
2.1.3. Number.isInteger()
Number.isInteger()用来判断一个值是否为整数。需要注意的是，在 JavaScript 内部，整数和浮点数是同样的储存方法，所以 3 和 3.0 被视为同一个值。
Number.isInteger()
let a = 33;
let aa =33.00;
let bb =33.00001;
let b = '3';
let c = 12.3;
console.log(Number.isInteger(a)); // true
console.log(Number.isInteger(aa)); // true
console.log(Number.isInteger(bb)); // true
console.log(Number.isInteger(b)); // false
console.log(Number.isInteger(c)); // false
就是你肉眼看,是整数就是true,不是就是false,不会进行类型转换
Number.isInteger(25) // true
Number.isInteger(25.0) // true
Number.isInteger(25.1) // false
Number.isInteger("15") // false
Number.isInteger(true) // false
3.Math 对象的扩展
ES6 在 Math 对象上新增与数学相关的方法。所有这些方法都是静态方法，只能在 Math 对象上调用。
3.1. 截取,保留整数部分 Math.trunc()
Math.trunc方法用于去除一个数的小数部分，返回整数部分。
Math.trunc(4.1) // 4
Math.trunc(4.9) // 4
Math.trunc(-4.1) // -4
Math.trunc(-4.9) // -4
Math.trunc(-0.1234) // -0
let a = 25;
let b = 12.25;
let c = 12.99;
console.log(Math.trunc(a)); // 25
console.log(Math.trunc(b)); // 12
console.log(Math.trunc(c)); // 12
- 对于非数值，Math.trunc内部使用Number方法将其先转为数值。
- 对于空值和无法截取整数的值，返回NaN。
3.1.1 简写运算符
~~2.3
~~-2.3
3.2. Math.sign()
Math.sign方法用来判断一个数到底是正数、负数、还是零。对于非数值，会先将其转换为数值。
它会返回五种值。
- 参数为正数，返回+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.sign('') // 0
Math.sign(true) // 1
Math.sign(false) // 0
Math.sign(null) // 0
Math.sign('9') // 1
Math.sign('foo') // NaN
Math.sign() // NaN
Math.sign(undefined) // NaN
如果是其他数据类型,比如字符串,布尔值,会先转成数字类型,在判断是正数还是负数,转不了就NaN
3.3. Math.cbrt()
Math.cbrt方法用于计算一个数的立方根。
对于非数值，Math.cbrt方法内部也是先使用Number方法将其转为数值。
Math.cbrt(-1) // -1
Math.cbrt(0) // 0
Math.cbrt(1) // 1
Math.cbrt(27) // 3
console.log(Math.cbrt(-8));
console.log(Math.pow(-2,3)); //某数的几次幂
3.4. Math.hypot()
Math.hypot方法返回所有参数的平方和的平方根。
Math.hypot(3, 4); // 5
Math.hypot(3, 4, 5); // 7.0710678118654755
Math.hypot(); // 0
Math.hypot(NaN); // NaN
Math.hypot(3, 4, 'foo'); // NaN
Math.hypot(3, 4, '5'); // 7.0710678118654755
Math.hypot(-3); // 3
4. 指数运算符
ES2016 新增了一个指数运算符（**）。
2 ** 2 // 4
2 ** 3 // 8
指数运算符可以与等号结合，形成一个新的赋值运算符（**=）。
let a = 1.5;
a **= 2;
// 等同于 a = a * a;
let b = 4;
b **= 3;
// 等同于 b = b * b * b;
网友评论