Array.from的三種用法 Array.from的三種用法
阿新 • • 發佈：2022-03-28
Array.from的三種用法
Array.from可以接受三種類型的引數：1，Array.from (obj, mapFn)
obj指的是陣列物件、類似陣列物件或者是set物件，map指的是對陣列中的元素進行處理的方法。| 1 2 3 4 5 6 7 8 9 |
//將陣列中布林值為false的成員指為0
Array.from([1, ,2,3,3], x => x || 0) //[1,0,2,3,3]
//將一個類似陣列的物件轉為一個數組，並在原來的基礎上乘以2倍
let arrayLike = { '0': '2', '1': '4', '2': '5', length: 3 }Array.from(arrayLike, x => x*2) //[4,8,10]
//將一個set物件轉為陣列，並在原來的基礎上乘以2倍
Array.from(new Set([1,2,3,4]), x => x*2) //[2,4,6,8]
|
2，Array.from ({length:n}, Fn)
第一個引數指定了第二個引數執行的次數。可以將各種值轉化為真正的陣列。| 1 2 3 4 5 |
Array.from({length:3}, () => 'jack') //["jack", "jack", "jack"]
Array.from({length:3}, item => (item = {'name':'shao','age':18})) //[{'name':'shao','age':18}, {'name':'shao','age':18}, {'name':'shao','age':18}]
Array.from({length: 2}, (v, i) => item = {index:i});//生成一個index從0到4的陣列物件[{index: 0},{index: 1}]
|
3，Array.from(string)
接受一個字串| 1 |
Array.from('abc') //['a','b','c']
|
1，Array.from (obj, mapFn)
| 1 2 3 4 5 6 7 8 9 |
//將陣列中布林值為false的成員指為0
Array.from([1, ,2,3,3], x => x || 0) //[1,0,2,3,3]
//將一個類似陣列的物件轉為一個數組，並在原來的基礎上乘以2倍
let arrayLike = { '0': '2', '1': '4', '2': '5', length: 3 }
Array.from(arrayLike, x => x*2) //[4,8,10]
//將一個set物件轉為陣列，並在原來的基礎上乘以2倍
Array.from(new Set([1,2,3,4]), x => x*2) //[2,4,6,8]
|
2，Array.from ({length:n}, Fn)
第一個引數指定了第二個引數執行的次數。可以將各種值轉化為真正的陣列。| 1 2 3 4 5 |
Array.from({length:3}, () => 'jack') //["jack", "jack", "jack"]
Array.from({length:3}, item => (item = {'name':'shao','age':18})) //[{'name':'shao','age':18}, {'name':'shao','age':18}, {'name':'shao','age':18}]
Array.from({length: 2}, (v, i) => item = {index:i});//生成一個index從0到4的陣列物件[{index: 0},{index: 1}]
|
3，Array.from(string)
接受一個字串| 1 |
Array.from('abc') //['a','b','c']
|