ES6新增的API

新增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


为什么不直接写成[1,{},'2',true,'xxx',new Set()]

- Array.prototype.fill

fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。


那上面的解面试题就可以不用map()改用fill()

当然也可以固定填充
第一个参数是填充内容,第二个参数(可选)是起始索引,默认是0,第三个参数(可选)是终止索引,默认值为 this.length

- Array.prototype.find

find()方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined

普通用法


也可以换成复杂一点的

find()filter()的区别:
find()只能找一个,filter()可以找到多个
b

- 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()查索引的方法

如果不能用indexOf()
search()的特别之处是还可以使用正则

- 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)。

之前可以这样来判断一个数是否是整数


把一个数变成10进制整数以后看是否等于之前

现在可以这样


- 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()一下

现在可以这样
只判断number类型

- 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

你可能感兴趣的:(ES6新增的API)