【总结记录一下各种转化成js数组的方法】

一，字符串转换成数组
var str = 'abac', arr = [];

(1)、字符串split()方法
arr = str.split('');

(2)、ES6的...扩展运算法
arr = [...str];

(3)、ES6的Array.from()方法
arr = Array.from(str);

(4)、Array.prototype.slice()与[].slice.apply()方法
a) arr = Array.prototype.slice.apply(str);
b) arr = [].slice.apply(str); // [].slice 等于Array.prototype.slice

(5)、Object.assign()方法
arr = Object.assign([], str);

(6)、ES6的for...of
for(let i of str) {
        arr.push(i);
}

(7)、古老的for循环
for(let i = 0; i < str.length; i++) {
        arr.push(str[i]);
}

二、将具有iterable接口的类数组转化成数组
function argFn() {
        return arguments;
}
var arrayLike = argFn(1,2,3), arr = [];
//类数组arrayLike；

(1)、ES6的...扩展运算法
arr = [...arrayLike];

(2)、ES6的Array.from()方法
arr = Array.from(arrayLike);

(3)、Array.apply()方法
arr = Array.apply(null, arrayLike);

(4)、Array.prototype.slice()、Array.prototype.concat()与Array.prototype.froEach()方法
a) arr = Array.prototype.slice.apply(arrayLike);
arr = [].slice.apply(arrayLike); // [].slice 等于Array.prototype.slice

b) arr = Array.prototype.concat.apply([], arrayLike);
arr = [].concat.apply([], arrayLike); // [].concat 等于Array.prototype.concat

c) arr= Array.prototype.forEach.call(arrayLike, item => arr.push(item));
arr= [].forEach.call(arrayLike, item => arr.push(item));// [].forEach等于Array.prototype.forEach

(5)、对象的Object.assign()方法
arr = Object.assign([], arrayLike);

(6)、for...of方法
for(let i of arrayLike) {
        arr.push(i);
}

(7)、for循环
for(let i = 0; i < arrayLike.length; i++) {
        arr.push(arrayLike[i]);
}

三、将不具有iterable接口的类数组转化成数组
var arrayLike= {0: 'a', 1: 'b', length: 2}, arr = [];

(1)、arr = Array.from(arrayLike)；
(2)、arr = Array.apply(null, arrayLike);
(3)、arr = Array.prototype.slice.apply(arrayLike);
(4)、arr = Array.prototype.concat.apply([], arrayLike);
(5)、arr = Array.prototype.forEach.call(arrayLike, item => arr.push(item));
(6)、arr = Object.assign([], arrayLike);

小结：
var str = 'abac',
      elms = document.querySelectorAll('div'),
      arrayLike = {0: 'a', 1: 'b', length: 2};

(1)、适用将上面3种格式（字符串，有iterable接口的类数组对象，无iterable接口的类数组对象）转化成数组的方法
Array.from(target)；
Array.prototype.slice.apply(target); 
Object.assign([], target);

(2)、[...target], for...of，只适用将字符串和有iterable接口的类数组对象转化成数组，如（arguments, 标签元素的nodeList）, 不适用 {0: 'a', 1: 'b', length: 2},会报错。

(3)、Array.from(target)，[...target]，for...of 还适用于将Set格式转换成数组。
如：var set = new Set([1,2,3]), arr = [];
arr = Array.from(set);
arr = [...set];
for (let i of set.values()) {
        arr.push(i);
}
//以上结果 arr = [1,2,3]

*注： target, 需要转化的对象。