es6from方法怎麼用

在es6中，from方法用來將類似陣列的物件和可遍歷的物件轉換成真正的陣列，傳回的結果是轉換後的新的陣列實例，語法為「Array.from(想要轉換成陣列的偽數組物件或可迭代物件,回呼函數,執行回呼函數時的this物件)」。

本教學操作環境：windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6中from方法怎麼用

該方法用於將兩類物件轉換成真正的陣列：類似陣列的物件和可遍歷物件；

語法

Array.from( arrayLike, mapFun, thisArg );

參數

arrayLike：必要。想要轉換成陣列的偽數組物件或可迭代物件；

mapFun：可選。如果指定了該參數，則新數組中的每個元素會執行該回呼函數。

thisArg：可選。執行回呼函數mapFun時this物件。

傳回值

一個新的陣列實例

#範例如下：

##從String 產生數組

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

從Set 產生陣列

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

從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'];

從類別陣列物件（arguments）產生陣列

function f() {
  return Array.from(arguments);
}
f(1, 2, 3);
// [ 1, 2, 3 ]

【相關推薦：

javascript影片教學、web前端】

以上是es6from方法怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！