javascript對象轉換為數組的方法：1、通過“[].slice.call(對象)”語句；2、使用“Array.from(對象)”語句，“Array.from()”方法可把可遍歷的對象轉換成數組（包括Set和Map數據結構）。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

一、把類似數組的對象轉換成數組

1、什么是類似數組的對象

比如：

let arrayLike = {     '0':"z",     '1':"y",     '2':"k",     length:3 };

本質是有length屬性，可以類似數組的獲取元素的方式arrayLike[0]、arrayLike[1]去獲取元素，也可以通過arrayLike.length獲取偽數組的長度。

常見的偽數組有通過DOM操作獲取的NodeList集合（document.querySelectorAll('p')），以及函數形參arguments。

2、轉換方法

方法一：通過[].slice.call(arrayLike)

//獲取當前dom的span組成的偽數組 let spanDomArr = document.querySelectorAll('span');   //通過數組的方法forEach遍歷spanDomArr let arr = [].slice.call(spanDomArr);   //因為spanDomArr是偽數組，不支持數組的forEach，所以需要先轉換成數組 arr.forEach(function(span){     console.log(span) });

方法二：通過Array.from(arrayLike)

//獲取當前dom的span組成的偽數組 let spanDomArr = document.querySelectorAll('span');   //通過數組的方法forEach遍歷spanDomArr //因為spanDomArr是偽數組，不支持數組的forEach，所以需要先轉換成數組 Array.from(spanDomArr).forEach(function(span){     console.log(span) });

二、延伸-Array.from（）

1、作用：

1-可以將類似數組的對象轉換成數組；

2-可以把可遍歷的對象轉換成數組（包括ES6新增的數據結構Set和Map）；

2、實際應用：

1-如果當前瀏覽器未部署此方法，可以使用Array.prototype.slice方法替代

/*  *  方法名：objectToArray  *  功能介紹：把類似數組的對象、可遍歷的對象轉換成數組  *  參數：obj-需要轉換的對象  */ var objectToArray = function(obj){    return Array.from ? Array.from(obj) : [].slice.call(obj); };

2-如果參數是數組，則會返回一個一模一樣的數組

Array.from(["z","y","k"]); //打印：["z","y","k"]

3-僅有length屬性的對象，無法通過array.from轉換

4-Array.from第二個參數：用來對每個元素進行處理，將處理后的值放入數組返回。

let arrayLike = {     "0" : "z",     "1" : "y",     "2" : "k",     "length":3 }; Array.from(arrayLike,x=>x+'1'); //等同于 Array.from(arrayLike).map(x=>x+'1');  //打印：["z1","y1","k1"]

【