1. 程式人生 > >ES6的Array.from()和Array.fill()方法

ES6的Array.from()和Array.fill()方法

今天處理資料時用到了Array.from()和Array.fill()方法,平時用的不多,這裡記一下。

 

我的需求是要把字串'abc',處理為[{exaple: 'abc_001.bcd'}, {exaple: 'abc_002.bcd'}, {exaple: 'abc_003.bcd'}]

處理方法如下:

// 建立陣列['abc', 'abc', 'abc']
let arr = new Array(3).fill('abc');

arr = Array.from(covers, (item, index) => { return { example: `${item}_00${index + 1}.bcd` } });

 

  

一、Array.fill()

Array.fill() 方法用一個固定值填充一個數組中從起始索引到終止索引內的全部元素。不包括終止索引。

例子:

const array1 = [1, 2, 3, 4];

// fill with 0 from position 2 until position 4
console.log(array1.fill(0, 2, 4));
// expected output: [1, 2, 0, 0]

// fill with 5 from position 1
console.log(array1.fill(5, 1));
// expected output: [1, 5, 5, 5]

console.log(array1.fill(6));
// expected output: [6, 6, 6, 6]

參考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/fill

二、Array.from()

Array.from() 方法從一個類似陣列或可迭代物件建立一個新的,淺拷貝的陣列例項。

例子:

console.log(Array.from('foo'));
// expected output: Array ["f", "o", "o"]

console.log(Array.from([1, 2, 3], x => x + x));
// expected output: Array [2, 4, 6]

  參考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from

 

END--------------------------

你藏在我衣服的針線裡面,我藏在你口袋裡面。

&n