將對象數組過濾到新數組中

Question

我有一個包含行信息的對象數組。我正在嘗試過濾這些信息，以便只有一次包含每個行值的新數組。所以下面的對象會輸出這樣的數組：['1', '2', '3']

這是我的代碼。我想在地圖功能，但不知道這是正確的做法：

var myArray = [ 
 
    { 
 
     "row": 1, 
 
     "headline": "First Object" 
 
    }, 
 
    { 
 
     "row": 1, 
 
     "headline": "Second Object" 
 
    }, 
 
    { 
 
     "row": 2, 
 
     "headline": "Third Object" 
 
    }, 
 
    { 
 
     "row": 2, 
 
     "headline": "Fourth Object" 
 
    }, 
 
    { 
 
     "row": 3, 
 
     "headline": "Fifth Object" 
 
    } 
 
]; 
 
    
 
    var rows = myArray.map(function(row) { 
 
     console.log(row) 
 
    });

Answer 1

這樣做很可能是寫所有屬性的一個對象的最簡單方法，然後把它們寫回數組：

var o = {}, 
    uniqueArray = []; 

myArray.forEach(function (d) { 
    o[d.row] = true; // stores the key equal to d.row in the object 
}); 
for (var k in o) { // loop through all the keys in o 
    if (o.hasOwnProperty(k)) // if the object o has that key 
     uniqueArray.push(k); // push it to the array 
} 
console.log(uniqueArray); 
// ["1", "2", "3"]; 

Answer 2

把所有的行值在數組中......

var arrayAll = []; 
for (var i = 0; i < myArray.length; i++) { 
    arrayAll.push(myArray[i].row) 
} 

然後刪除重複

var uniqueNames = []; 
$.each(arrayAll, function (i, el) { 
    if ($.inArray(el, uniqueNames) === -1) uniqueNames.push(el); 
}); 

console.log(uniqueNames); 

看到這個職位的其他選項刪除重複，如果你需要一個非JQuery的選項。 Remove Duplicates from JavaScript Array

Answer 3

對於更易讀的方式，則選擇答案，我會去的：

var distinct = function(rows){ 
    var mappedValues = rows.map(function(single){ 
     return single.row; 
    }); 
    return mappedValues.filter(function(item,pos){ 
     return mappedValues.indexOf(item) === pos; 
    }); 
} 

distinct(myArray); 

只是我的2美分。