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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,509评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,806评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,875评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,441评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,488评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,365评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,190评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,062评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,500评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,706评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,834评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,559评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,167评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,779评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,912评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,958评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,779评论 2 354

推荐阅读更多精彩内容