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

成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),白云鄂網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:白云鄂等地區(qū)。白云鄂做網(wǎng)站價(jià)格咨詢:028-86922220

在es6中，from方法用于將類似數(shù)組的對(duì)象和可遍歷的對(duì)象轉(zhuǎn)換成真正的數(shù)組，返回的結(jié)果是已經(jīng)轉(zhuǎn)換后的新的數(shù)組實(shí)例，語法為“Array.from(想要轉(zhuǎn)換成數(shù)組的偽數(shù)組對(duì)象或可迭代對(duì)象,回調(diào)函數(shù),執(zhí)行回調(diào)函數(shù)時(shí)的this對(duì)象)”。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6中from方法怎么用

該方法用于將兩類對(duì)象轉(zhuǎn)換成真正的數(shù)組：類似數(shù)組的對(duì)象 和 可遍歷對(duì)象；

語法

Array.from( arrayLike, mapFun, thisArg );

參數(shù)

arrayLike：必需。想要轉(zhuǎn)換成數(shù)組的偽數(shù)組對(duì)象或可迭代對(duì)象；

mapFun：可選。如果指定了該參數(shù)，新數(shù)組中的每個(gè)元素會(huì)執(zhí)行該回調(diào)函數(shù)。

thisArg：可選。執(zhí)行回調(diào)函數(shù)mapFun時(shí)this對(duì)象。

返回值

一個(gè)新的數(shù)組實(shí)例

示例如下：

從 String 生成數(shù)組

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

從 Set 生成數(shù)組

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

從 Map 生成數(shù)組

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

從類數(shù)組對(duì)象（arguments）生成數(shù)組

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

以上就是“es6中from方法如何用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。