JS 类数组，字符串，转换成数组的方法

类数组转换成数组：

//定义一个类数组对象
let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
};

//1.ES5的写法
var arr1 = Array.prototype.slice.call(arrayLike);
var arr2 = [].slice.call(arrayLike);

//2. ES6的写法
let arr3 = Array.from(arrayLike)

//打印的结果：
console.log(arr1) //['a','b','c']
console.log(arr2) //['a','b','c']
console.log(arr3) //['a','b','c']

//3. 任何 Iterator 接口的对象（参阅 Iterator），都可以用扩展运算符转为真正的数组。

let nodeList = document.querySelectorAll('div');
let array = [...nodeList];
//对于那些没有部署 Iterator 接口的类似数组的对象，扩展运算符就无法将其转为真正的数组。

let arrayLike = {
  '0': 'a',
  '1': 'b',
  '2': 'c',
  length: 3
};

// TypeError: Cannot spread non-iterable object.
let arr = [...arrayLike];
// 上面代码中，arrayLike是一个类似数组的对象，但是没有部署 Iterator 接口，扩展运算符就会报错。这时，可以改为使用Array.from方法将arrayLike转为真正的数组。

 

字符串转换成数组：

//定义一个字符串
let str = 'abc'

//ES5的写法
let arr = [].slice.call(str)
let arr1 = str.split('')

//ES6的写法
let arr2 = [...str]

//打印的结果
console.log(arr)  //['a','b','c']
console.log(arr1) //['a','b','c']
console.log(arr2) //['a','b','c']

数组转成字符串：

//定义一个数组
let arr = [1,2,3,4,5]

//方法一
let str = arr.join('')
//方法二
let str1 = arr.toString().replace(/,+/g,"");

//打印的结果
console.log(str) // 12345
console.log(str1) // 12345