如何迭代這個javascript對象？

Question

我有一個像下面的對象 -

var objResult = {0:{name:"xyz"}, 1:{name:"pqr"}, 2:{name:"abc"}};

我得到個人價值觀

console.log(objResult[0].name); // xyz
console.log(objResult[1].name); // pqr

因此，當我迭代時，我認為使用for循環會做，但objResult.length給出值undefined

for(var i =0;i< objResult.length; i++){
console.log(objResult[i]);
}

請你能幫忙怎么做

Answer 1

用於迭代對象屬性的語法。

 var objResult = {0:{name:"xyz"}, 1:{name:"pqr"}, 2:{name:"abc"}}; for(const item in objResult) console.log(objResult[item]) 

你可以閱讀這個https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in

Answer 2

不要使用對象，而是使用數組：

var arrResult = [{name:"xyz"}, {name:"pqr"}, {name:"abc"}];

這將具有.length屬性，並且可以通過for … of循環進行正常迭代。

如果您確實有一個對象，最好將其轉換為數組：

var objResult = {0:{name:"xyz"}, 1:{name:"pqr"}, 2:{name:"abc"}};
var arrResult = Object.assign([], objResult);

Answer 3

您可以使用Object.values或Object.entries甚至Object.keys具體取決於您對Object本身的需求，然后使用forEach或map迭代這些結果（因為它們現在是一個數組）。

 var objResult = {0:{name:"xyz"}, 1:{name:"pqr"}, 2:{name:"abc"}}; Object.values(objResult).forEach(({name}) => console.log(name)); 

 var objResult = {0:{name:"xyz"}, 1:{name:"pqr"}, 2:{name:"abc"}}; Object.entries(objResult).forEach(([k,{name}]) => console.log(name)) 

要訪問對象包含的密鑰數，請運行以下命令：

 var objResult = {0:{name:"xyz"}, 1:{name:"pqr"}, 2:{name:"abc"}}; lgth = Object.keys(objResult).length; console.log(lgth); 

為什么我沒有使用map而是在這種情況下使用forEach ： map存在以創建現有值的副本並映射/轉換它們，這不是我想要的console.log 。

Answer 4

另一種方法是使用Object.keys()方法。

它返回對象中的鍵列表，然后您可以遍歷該列表以獲取值。

for(let key in Object.keys(objResult)) {
    console.log(objResult[key]);
}

Answer 5

'for ... in'構造允許您迭代對象上存在的所有鍵，甚至是無主。

語法是這樣的：'for（const key in this）{}'

Answer 6

使用ES5或更高版本時，您可以在一行代碼中映射對象值，如下所示：

Object.values(objResult).map(i => console.log(i));

在這里，您首先使用Object.values（objResult）創建值的數組，然后使用map函數迭代每個元素。

如果您不想使用map函數，可以使用循環遍歷數組（例如“for for”或“for in”）

Answer 7

根據您的指定，我們可以使用for，但進行一些修改。

var objResult = {0:{name:"xyz"}, 1:{name:"pqr"}, 2:{name:"abc"}};
for(let key in objResult) {
    let value = objResult[key].name;
    console.log(value);
}

希望，這對你有所幫助