新增API列表
- Object.assign
Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
var a = {a1:1,a2:2}
var b = {b1:1,b2:2}
Objerct.assign(a,b)
console.log(a)
//{a1:1,a2:2,b1:1,b2:2}
- Array.from
Array.from()方法从一个类似数组或可迭代对象中创建一个新的数组实例。
通俗来说就是把一个不是数组的东西变成数组
语法糖
var a = {
0:'000',
1:'111',
2:'222',
length:3
}
在ES5中，如果想把a变成数组,只能用这种方法
a = Array.prototype.slice.call(a,0)
在ES6中可以这样
a = Array.from(a)
来看看一个经典的面试题：创建一个长度为n的数组
ES5的解法new Array(5)
但是这种解法有bug，创建出的数组没有任何下标
没有下标就无法map();
所以换一种解法
如果用Array.from()就没有这个bug
再来看看另外一道面试题：创建一个指定长度和内容的数组，如[6,6,6,6,6]、[7,7,7,7,7]
ES5的解法
或者
ES6的解法
- Array.of
Array.of() 方法创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。
一个无聊的API
- Array.prototype.fill
fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。
那上面的解面试题就可以不用
map()改用fill()
当然也可以固定填充
第一个参数是填充内容，第二个参数(可选)是起始索引，默认是0，第三个参数(可选)是终止索引，默认值为 this.length
- Array.prototype.find
find()方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined
普通用法
也可以换成复杂一点的
find()和filter()的区别：
find()只能找一个，filter()可以找到多个
- Array.prototype.findIndex
findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。
- Array.prototype.copyWithin
copyWithin() 方法浅复制数组的一部分到同一数组中的另一个位置，并返回它，而不修改其大小。
- Array.prototype.entries
entries() 方法返回一个新的Array Iterator对象，该对象包含数组中每个索引的键/值对。
- Array.prototype.keys
keys() 方法返回一个包含数组中每个索引键的Array Iterator对象。
- Array.prototype.values
values() 方法返回一个新的 Array Iterator 对象，该对象包含数组每个索引的值
- String.prototype.includes
includes() 方法用于判断一个字符串是否包含在另一个字符串中，根据情况返回 true 或 false。
来延伸一下，如果一个浏览器，比如IE，不支持这个语法，该怎么实现这个功能呢？
如果不能用
indexOf()呢
- String.prototype.repeat
repeat() 构造并返回一个新字符串，该字符串包含被连接在一起的指定数量的字符串的副本。
复读机？
- String.prototype.startsWith
startsWith()方法用来判断当前字符串是否是以另外一个给定的子字符串“开头”的，根据判断结果返回 true 或 false。
用
indexOf()可以实现同样功能
- String.prototype.endsWith
endsWith()方法用来判断当前字符串是否是以另外一个给定的子字符串“结尾”的，根据判断结果返回 true 或 false。
如果不用这个方法要实现同样功能，可以用
- Number.EPSILON
Number.EPSILON属性表示 1 与大于 1 的最小的浮点数之间的差值。
你不必创建一个Number对象来访问这个静态属性（直接使用Number.EPSILON）。
首先我们知道，在有小数时JS是存在精度问题的
var i = 0;
while( i != 1){
i += 0.1;
console.log(i)
//注意，此方法会造成电脑死机。。 死循环！
//所以加上以下代码
if(1>100)break
}
console.log('i is 1')
可以看到，因为精度问题，i不可能到1
在Number.EPSILON出来前是这么解决的
var i = 0;
while( Math.abs( i - 1) < 0.000001 ){
i += 0.1;
console.log(i)
if(1>100)break
}
console.log('i is 1')
有了Number.EPSILON可以这样
var i = 0;
while( Math.abs( i - 1) < Number.EPSILON ){
i += 0.1;
console.log(i)
if(1>100)break
}
console.log('i is 1')
Number.EPSILON是JS的最小误差
- Number.isInteger
Number.isSafeInteger() 方法用来判断传入的参数值是否是一个“安全整数”（safe integer）。
之前可以这样来判断一个数是否是整数
现在可以这样
- Number.isSafeInteger
Number.isSafeInteger() 方法用来判断传入的参数值是否是一个“安全整数”（safe integer）。
- Number.isFinite
Number.isFinite() 方法用来检测传入的参数是否是一个有穷数（finite number）。
- Number.isNaN()
Number.isNaN()方法确定传递的值是否为NaN和其类型是Number。它是原始的全局isNaN()的更强大的版本。
NaN是计算机科学中述职数据类型的一类值，表示未定义或不可表示的值。
怎么判断一个东西是否等于NaN呢？
在js中，只有NaN自己不等于自己
所以可以这样
function myIsNaN(n){
return n !== n
}
myIsNaN(1) // false
myIsNaN(0/0) // false
myIsNaN(NaN) // true
当然还可以用window提供的一个方法window.isNaN(),但是会有一个问题
为什么传入一个字符串也会返回true呢，因为调用
window.isNaN()会默认把传入的值先parseFloat()一下
现在可以这样
- Math.acosh
Math.acosh()返回一个数字的反双曲余弦值
- Math.hypot
Math.hypot() 函数返回它的所有参数的平方和的平方根
用人话来说就是‘勾股定理’
- Math.imul
该函数返回两个参数的类C的32位整数乘法运算的运算结果。
- Math.sign
Math.sign() 函数返回一个数字的符号, 指示数字是正数，负数还是零。
Math.sign(3); // 1
Math.sign(-3); // -1
Math.sign("-3"); // -1
Math.sign(0); // 0
Math.sign(-0); // -0
Math.sign(NaN); // NaN
Math.sign("foo"); // NaN
Math.sign(); // NaN
此函数共有5种返回值, 分别是 1, -1, 0, -0, NaN. 代表的各是正数, 负数, 正零, 负零, NaN
- Math.trunc
Math.trunc() 方法会将数字的小数部分去掉，只保留整数部分。
???
Math.trunc()和parseInt()的区别是
先看
parseInt()的bug
在数字极大或者是极小的时候，会自动采用科学技术法，
上面那个就相当于
parseInt(9.111111111e+22)//乘以10的n次方
所以parseInt()会把这个当成字符串来处理
相当于parseInt('9.888')返回9
Math.trunc()就很纯粹，就是单纯的去掉小数点及小数点后面的东西，如果不是数字就直接返回NaN