ES（三）数组、函数、迭代器

ES6数组

Array.from()方法可以将一个类数组对象或者可遍历对象转化成一个真正的数组；

对象的属性名不是数字类型的，而是其他字符串型的
一下代码结果长度为4，元素都为undefined

let arrayLike = {'name': '靓仔', 'age': '18','sex': '男','job': ['东方故事电饭锅','的双方各水电费','水电费根深蒂固'],length: 4
}
let arr = Array.from(arrayLike)
console.log(arr)

Array.from还可以接受第二个参数，作用和数组map类型，对每个元素进行处理，吧处理后的值放入返回的数组；

字符串转换为数组：

let  str = 'hello world!';
console.log(Array.from(str))

Array.of()方法创建一个具有可变数量参数的新数组实例
当调用 new Array( )构造器时，根据传入参数的类型与数量的不同，实际上会导致一些不同的结果，例如：

Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]
Array.of(3).length // 1

Array.of()弥补数组构造函数Array()的不足。因为参数个数的不同，会导致Array()的行为有差异。

ES6函数

箭头函数基本形式

let fn1 = (a, b) => {return a + b
}(a, b) => {return a + b
}

将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数列表和函数体。
箭头函数相当于匿名函数，并且简化了函数定义

箭头函数有两种格式，一种只包含一个表达式，省略掉了{ … }和return。还有一种可以包含多条语句，这时候就不能省略{ … }和return

//第一种
() => return 'hello'
(a, b) => a + b//第二种
(a) => {a = a + 1return a}

箭头函数中的this

ES5：


function Fo() {console.log(this);//实例对象var that = this;setTimeout(function () {console.log(this);//windowconsole.log(that);//实例对象}.bind(this),100);
};
var per1 = new Fo();

ES6：

function Foo() {setTimeout(() => {console.log(this);},1000)
}
var per2 = new Foo();

ES5迭代器

Iterator迭代器从一个数据集合中按照一定的顺序，不断的取出数据的过程

Iterator的作用：
为各种数据结构，通提供一个接口；
使得数据结构的成员能够按某种次序排列；
ES6创造了一种新的遍历命令for…of循环，Iterator接口主要供for…of消费；

for-of
for-of 是 ES6 提供的行语法，它是和迭代器配合使用的：
优点：完全不需要在集合中追踪索引，让你更专注于集合内容的操作

let values = [1,2,3];for (const num of values) {console.log(num);
}
// 依次输出 1 2 3

for-of循环会调用values数组的Symbol.iterator方法来获取迭代器iterator