Javascript: Itération sur des objets JSON
J'ai un objet JSON que je veux passer.
j'utilise
Pour afficher chacune de ces valeurs, ce qui, à mon avis, est la bonne façon de travailler avec des objets:
mais
Ci-dessus renvoie cela quand je m'attendais à un objet sera de retour:
https://i.stack.imgur.com/INfOv.png
Pourquoi renvoie-t-il une valeur, pas un objet?
"phone": {
"Samsung": {
"type": "S7"
},
"iPhone": {
"type": "6S"
},
"Google": {
"type": "Pixel"
}
}j'utilise
Object.key
Pour afficher chacune de ces valeurs, ce qui, à mon avis, est la bonne façon de travailler avec des objets:
render// {
//this.props.phone contains the objects "Samsung", "iPhone", and "Google"
return /
Object.keys/this.props.phones/.map//type/ => {
console.log/type/
return /
<p>Type of phone: {type}</p>
/
}/
/
}mais
console.log
Ci-dessus renvoie cela quand je m'attendais à un objet sera de retour:
https://i.stack.imgur.com/INfOv.png
Pourquoi renvoie-t-il une valeur, pas un objet?
Aucun résultat connexe trouvé
Invité:
Pour répondre aux questions, connectez-vous ou registre
5 réponses
Agathe
Confirmation de:
https://coderoad.ru/?tag=ecmascript-2017
, Mais cela peut être facilement inséré dans les versions plus anciennes. Javascript.
Vous voulez utiliser soit
https://developer.mozilla.org/ ... alues
, ou
https://developer.mozilla.org/ ... tries
Pour la minorité cyclique de toutes les propriétés de l'objet. Où
te donne des clés
te donne des propriétés /Hé bien oui/, et
vous donne un tableau
[key, value]Pour chaque entrée de l'objet.
Vous n'utilisez pas la clé de votre code actuel, donc l'option
:
Object.values/this.props.phones/.map//type/ => {console.log/type/
return /
<p>Type of phone: {type}</p>
/
}/
Mais l'option
, Si vous souhaitez utiliser les deux options:
Vous verrez que nous utilisons la détestation ES6, Pour obtenir deux valeurs d'un tableau dérivé de
.
Les joints sont connectés sur les pages MDN Pour chaque fonction.
Alice
Confirmation de:
render// {
//this.props.phone contains the objects "Samsung", "iPhone", and "Google"
return /
Object.keys/this.props.phones/.map//type/ => {
console.log/this.props.phones[type]/
...
}/
/
}
Catherine
Confirmation de:
. La valeur associée à cette clé est l'objet que vous recherchiez. Pour obtenir cette valeur, dans votre carte d'itération, vous devez accéder à l'objet à l'aide de la touche.
Emilie
Confirmation de:
Renvoie les clés de cet objet en tant que tableau, vous devez trier un tableau et extraire la valeur en utilisant le courant.
. Vous devez attribuer une clé unique à l'élément de la liste dans React, de sorte que
p key={phoneKey}..associé à cela, pour plus d'informations, chèque
https://facebook.github.io/rea ... .html
const {phones} = this.props;
const phoneKeys = Object.keys/phones/;
render// {
return /
phoneKeys.map/phoneKey/ => <p key="{phoneKey}">Type of phone: {phones[phoneKey].type}</p>/
/
}
Blanche
Confirmation de:
Dans votre cycle sera installé dans
,
et
. Alors vous utilisez
this.props.phone[type]Pour accéder aux objets value. S'il vous plaît corriger la clé
Dans votre code qui diffère de la clé
Dans l'objet JSON.
render// {//this.props.phone contains the objects "Samsung", "iPhone", and "Google"
return /
Object.keys/this.props.phone/.map//type/ => {
console.log/this.props.phone[type]/
return /
<p>Type of phone: {this.props.phone[type]}</p>
/
}/
/
}