了解Vue.jsArray中的Array.from()方法

作者:

目錄

使用Vue.js Array 來創建數組

Vue.js是一個廣受歡迎的JavaScript框架，它可以讓開發者快速構建可交互的網頁應用程序。Vue.js Array提供了一系列的方法來操作數組，其中最常用的方法之一就是Array.from()方法。

Array.from()方法可以從現有的數組或可迭代對象創建一個新的數組。它接受一個參數，可以是現有的數組，也可以是可迭代對象，例如字符串，Set，Map等。它返回一個新的數組，其中包含了原始數組中的所有元素。

舉個例子，假設我們有一個字符串，我們可以使用Array.from()方法將其轉換為一個新的數組：

let str = 'Hello World';
let arr = Array.from(str);
console.log(arr); // ['H', 'e', 'l', 'l', 'o', ' ', 'W', 'o', 'r', 'l', 'd']

我們也可以使用Array.from()方法將Set對象轉換為數組：

let set = new Set([1, 2, 3]);
let arr = Array.from(set);
console.log(arr); // [1, 2, 3]

Array.from()方法還可以接受第二個參數，該參數是一個回調函數，可以對每個元素進行處理：

let arr = Array.from([1, 2, 3], x => x * x);
console.log(arr); // [1, 4, 9]

Array.from()方法還可以接受第三個參數，該參數是一個指定this值的函數：

let arr = Array.from([1, 2, 3], function(x) {
  return this.x * x;
}, {x: 2});
console.log(arr); // [2, 4, 6]

總結來說，Array.from()方法可以從現有的數組或可迭代對象創建一個新的數組，它還可以接受一個回調函數和一個指定this值的函數，以對每個元素進行處理。

發佈留言