AngularJS 中的陣列對映

1. AngularJS 中的陣列對映
2. map 條目
3. AngularJS 中陣列對映的步驟

本文將討論 AngularJS 中的陣列對映。

AngularJS 中的陣列對映

陣列對映是 AngularJS 中最有價值的特性之一。它允許你在一行上建立變數，從而避免單獨宣告每個變數。

它簡化了資料繫結，提高了效能，並允許我們建立更多可維護的模板。此外，讀者可以很容易地理解在程式碼中分配了哪些值以及變數的用途。

陣列對映是使用 map 函式完成的，並將陣列作為引數與其他引數（如鍵、值等）一起傳遞。

語法：

var myArr = map(myObj);
//myArr = [{key1: "value1", key2: "value2"}, {key3: "value3"}];

map 條目

以下是我們可以使用的 map 條目。

• map.delete() 從 map 中丟棄一個專案。
• map.size() 返回 map 的大小。
• map.clear() 刪除 map 資料。
• map.set() 新增新條目。
• map.get() 從 map 中檢索條目。
• map.has() 確定 map 中的條目是否存在。

AngularJS 中陣列對映的步驟

以下步驟將幫助你在 AngularJS 中進行陣列對映：

AngularJS 中的陣列對映示例

讓我們看一個 Angular 陣列對映的例子。

var tags =  [{ "id": 1, "name": "Adil" }, { "id": 2, "name": "Steve" }, { "id": 3, "name": "Roman" }, { "id": 4, "name": "John" }]
var selectedTags = [1,2,3];
var tagMap = tags.reduce(function(map, tag) {
    map[tag.id] = tag.name;
    return map;
}, {});
var selectedArray = selectedTags.map(function(id) {
    return tagMap[id];
});
console.log(selectedArray);

點選這裡檢視上述程式碼的演示。