首頁  >  文章  >  web前端  >  es6from方法怎麼用

es6from方法怎麼用

WBOY
WBOY原創
2022-05-05 15:31:501815瀏覽

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

es6from方法怎麼用

本教學操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn