5.3 数组的新方法

• 新增的方法有：

1. Array.from()是内置对象Array的方法，实例数组不能调用
2. includes()参数：数值 -------- 返回值：true/false
3. map()、filter()参数：函数-------- 返回值：数组
4. forEach()参数：函数-------- 返回值：undefined
5. find()参数：函数-------- 返回值：数值
6. some()、every()参数：函数-------- 返回值：true/false

5.3.1 Array.from()方法

Array.from()方法可以将可迭代对象转换为新的数组。

• 函数可接受3个参数（后两个参数可以没有）：
  • 第一个表示将被转换的可迭代对象(如果只有一个参数就是把形参转变成数组)
  • 第二个是回调函数，将对每个数组元素应用该回调函数，然后返回新的值到新数组，
  • 第三个是回调函数内this的指向。

let arr = [1, 2, 3];let obj = { double(n) { return n * 2; }}console.log(Array.from(arr, function (n){ return this.double(n);}, obj)); // [2, 4, 6]

5.3.2 includes()方法

参数：数值 -------- 返回值：true/false
includes()方法------是查看数组中是否存在这个元素，存在就返回true,不存在就返回false

let arr = [1,33,44,22,6,9]let ary = arr.includes(22)console.log(ary)

5.3.3 map()、filter() 方法

参数：函数-------- 返回值：数组
map()方法-----要利用原数组经过运算后的数组，或者从对象数组中拿某个属性
filter()方法------是将符合挑选的筛选出来成为一个新数组，新数组不会影响旧数组。

5.3.4 forEach()方法

参数：函数-------- 返回值：undefined

forEach()方法------是循环遍历数组中的每一项，没有返回值

find()方法---------是查找数组中符合条件的第一个元素，直接将这个元素返回出来

let arr = [1,33,44,2,6,9]let a1= []arr.forEach((v, i)=>{ if (v > 10) { a1.push(arr[i]) } })console.log(a1) [33,44]let a2= arr.find(v => v > 10)console.log(a2)

5.3.4 find()方法

参数：函数-------- 返回值：数值

find()方法----------是查找数组中符合条件的第一个元素，直接将这个元素返回出来

let arr = [1,33,44,2,6,9]let a= arr.find(v => v > 10)console.log(a) // 33

5.3.6 some()、every() 方法

参数：函数-------- 返回值：true/false

some()方法------找到一个符合条件的就返回true,所有都不符合返回false。
every()方法------数组所有值都符合条件才会返回true,有一个不符合返回false。

let arr = [1,2,3,4,6,11]let newarr = arr.some(function(v){ return v > 10})console.log(newarr) //truelet newarr2 = arr.every(function(v){ return v > 10})console.log(newarr2) //false

5.4 object的新方法

在 ES6 中，添加了Object.is()、Object.assign()、Object.keys()、Object.values()、Object.entries()等方法。

5.4.1 Object.is()

• Object.is()方法用来判断两个值是否为同一个值，返回一个布尔类型的值。

const obj1 = {};const obj2 = {};console.log(Object.is(obj1, obj2)); // falseconst obj3 = {};const value1 = obj3;const value2 = obj4;console.log(Object.is(value1, value2)); // true

5.4.2 Object.assign()

• Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象，并返回目标对象。------难理解看实例
  对象合并

const obj1 = { a: 1 };const obj2 = { b: 2 };const obj3 = { a:5 , c: 3 };//对象合并，把后面对像合并到第一个对象，对象里相同的属性会覆盖Object.assign(obj1, obj2, obj3);console.log(obj1); // { a: 5, b: 2 , c:3}

5.4.3 Object.keys()、Object.values()、Object.entries()

• Object.keys() 返回对象所有属性
• Object.values() 返回对象所有属性值
• Object.entries() 返回多个数组，每个数组是 key–value
  不解释直接看例子

5.5 对象声明简写

5.6 …(对象扩展符)

1. 拷贝

2. 合并对象

6、函数方面

6.1 参数默认值

6.2 箭头函数

箭头函数实现了一种更加简洁的书写方式。箭头函数内部没有arguments，也没有prototype属性，所以不能用new关键字调用箭头函数。

let add = (a,b) => { return a+b;}let print = () => { console.log('hi');}let fn = a => a * a; //当只有一个参数时，括号可以省略，函数体只有单行return语句时，大括号也可以省略。

6.3 箭头函数和普通函数最大的区别在于其内部this永远指向其父级对象的this。(重点)

var age = 123; let obj = { age:456, say:() => { console.log(this.age); //this指向window } };obj.say(); //123

7、class（类）

class作为对象的模板被引入ES6，你可以通过class关键字定义类。class的本质依然是一个函数。

1. 创建类

2. 类的继承
   类的继承通过extends关键字实现。
   子类必须在constructor中调用super()

8、promise和proxy

讲不清楚，等我学会了，后面在讲

9、模块化

1. 导入

ES6使用关键字import导入模块（文件），有两种常用的方式：

import ‘模块名称’ from ‘路径’；import ‘路径’；

2. 导出

ES6 通过 export 和export default 导出模块。

let name = 'ren',age = 12;export {name,age}; //注意：变量需要用大括号包裹，然后才能向外输出

模块化优点

1.防止命名冲突

2.复用性强

10、运算符

...扩展运算符
可选链?.
函数绑定运算符::

若本文对你有帮助 点个赞 点个关注

总结——ES6思维导图

推荐学习：《react视频教程》