es6中from方法如何用

今天小編給大家分享一下es6中from方法如何用的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

在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 ]

以上就是“es6中from方法如何用”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。