Array.from和Array.of 方法创建数组(ES6)

---

一、Array.of 方法

Array()或new Array()方法没有参数、一个参数、三个参数时，返回结果都不一样。参数个数只有一个时，实际上是指定数组的长度。

Array.of()方法基本上可以用来替代Array()或new Array()，并且不存在由于参数不同而导致的重载。它的行为非常统一。

//Array.of(7) 创建一个具有单个元素 7 的数组
Array.of(7);       // [7]
Array.of(1, 2, 3); // [1, 2, 3]

//而 Array(7) 创建一个长度为7的空数组
//注意：这是指一个有7个空位(empty)的数组，而不是由7个undefined组成的数组
Array(7);          // [ , , , , , , ] 
Array(1, 2, 3);    // [1, 2, 3]

二、Array.from 方法（重点）

Array.from 方法可以将类数组(如方法参数arguments)转化为真正的数组

Array.from() 方法从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。

function arga(...args) {  //...args剩余参数数组,由传递给函数的实际参数提供
    let arg = Array.from(args);
    console.log(arg);
}

arga('arr1', 26, 'from'); // ['arr1',26,'from']

1、从 String 生成数组

Array.from('foo');
// [ "f", "o", "o" ]

Array.from('我是谁');
// [ "我", "是", "谁" ]

2、从 Set 生成数组

const set = new Set(['foo', 'bar', 'baz', 'foo']);
Array.from(set);
// [ "foo", "bar", "baz" ]

3、从 Map 生成数组

const map = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(map);
// [[1, 2], [2, 4], [4, 8]]

const mapper = new Map([['1', 'a'], ['2', 'b']]);
Array.from(mapper.values());
// ['a', 'b'];

Array.from(mapper.keys());
// ['1', '2'];

4、从类数组对象（arguments）生成数组

function test() {
  return Array.from(arguments);
}

test(1, 2, 3);

// [ 1, 2, 3 ]

5、在 Array.from 中使用箭头函数

Array.from([1, 2, 3], x => x + x);
// [2, 4, 6]

Array.from({length: 5}, (v, i) => i);
// [0, 1, 2, 3, 4]

6、数组去重合并

function combine(){
    let arr = [].concat.apply([], arguments);  //没有去重复的新数组
    return Array.from(new Set(arr));
}

var m = [1, 2, 2], n = [2,3,3];
console.log(combine(m,n));                     // [1, 2, 3]