在對象的屬性和數組之間迭代有什麼區別Javascript

Question

我無法理解遍歷數組與迭代對象屬性之間的區別。

是什麼區別：

for (key in object) { 
DO THIS 
} --> for objects 

和

for (var i = 0 ; i<array.length ; i++) { 
DO THIS 
} --> for arrays 

如果我想將對象值的特性中的陣列相比，可予同時通過對象迭代，並該數組在相同的功能。例如，像這樣：

for (var key in object){ 
if (object.hasOwnProperty(key)){ 
    for (i=0 ; i<array.length; i++){ 
    if (object[key] === array[i]){ 
    filteredKeys[key] = object [key]} 

我的最終目標是編寫一個函數，它接受一個對象和按鍵的排列，並返回一個新的對象，只有在數組中的鍵。

Answer 1

你必須明白的是，數組只是一些特殊的對象，它們的屬性是數字（表示索引），值指示了這些索引處的元素 - 它們具有與任何對象一樣的鍵和值。隨着for循環是這樣的：

for(var i = 0; i < arr.length; i++) { 
    arr[i]; //iterating through the array and accessing each element 
} 

你只是訪問數字鍵像任何其他目的，只是通過bracket notation因爲arr.0是無效的語法。現在使用for ... in循環，您只需遍歷對象的枚舉屬性即可。正如我所說的，數組的索引（意思是0,1,2等）只是數組對象的關鍵字！因此，對於環上面並與此相同：

for(var i in arr) { 
    arr[i]; 
} 

由於該陣列的索引是鍵，此迭代通過鍵（索引），從而可以訪問數組的元素。

---

爲了解決您的其他問題 - 你可以通過對象以相同的循環迭代不是一個數組，如果他們有不同的密鑰。數組以數字索引作爲鍵進行排序，對象的鍵可以是任何東西。它們的鍵不一定相同，因此從數組和對象訪問該鍵不會產生正確的結果。

相反，如果你想從基於對象過濾掉某些鍵，如果他們在一個數組或沒有，請嘗試以下操作：

function filterKeysByArray(object, keys) { 
    return keys.reduce((filteredObj, key) => { 
    if(object.hasOwnProperty(key)) { 
     filteredObj[key] = object[key]; 
    } 
    return filteredObj; 
    }, {}); 
} 

這樣就完全避免嵌套的for循環。它只遍歷傳遞數組中的鍵並將其減少到單個對象，即過濾對象。它檢查對象是否具有由該鍵指定的屬性，如果是，則將其添加到過濾的對象。

Answer 2

對象和數組在JavaScript中基本上是不同的數據結構。對象是鍵值對的集合，而數組是有序的數據列表。

迭代通過對象鍵不同於迭代數組，因爲您正在訪問不同類型的數據結構中的數據。

我的最終目標是編寫一個函數，它接受一個對象和一個鍵數組，並返回一個只有數組中的鍵的新對象。

這可以通過做這樣的事情來完成：

function filterObject(obj, keys) { 
    var newObj = {}; 
    for (var i = 0; i < keys.length; i++) { 
    if (keys[i] in obj) { 
     newObj[keys[i]] = obj[keys[i]]; 
    } 
    } 
    return newObj; 
} 

例如，調用filterObject({'one': 1, 'two': 2}, ['one', 'three'])會產生的結果{'one': 1}。