在对象的属性和数组之间迭代有什么区别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}。