Maison > Article > interface Web > Explication détaillée des étapes pour obtenir la clé et la valeur dans la carte de boucle js

Explication détaillée des étapes pour obtenir la clé et la valeur dans la carte de boucle js

php中世界最好的语言original: 2018-05-30 15:05:0611961parcourir

Cette fois, je vais vous donner une explication détaillée des étapes pour obtenir la clé et la valeur à l'aide de js loop map. Quelles sont les précautions pour js loop map pour obtenir la clé et la valeur. Voici un cas pratique. , jetons un coup d'oeil.

Les méthodes 1 et 2 suivantes ont été testées et exécutées par l'éditeur de Script House

Méthode 1 : définition du format json

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script>
var dxy={
//Page地址 
  pageUrl : { 
    menu      :  "loadPage.htm?url=/collect/menu.page",     // 进入菜单页面 
    guangfaPage   :  "loadPage.htm?url=/collect/menu.page",     // 进入广发信息收集页面 
    pinganPage   :  "loadPage.htm?url=/collect/menu.page",     // 进入平安信息收集页面 
    nuonuoPage   :  "loadPage.htm?url=/collect/menu.page",     // 进入诺诺信息收集页面 
    youbangPage   :  "loadPage.htm?url=/collect/menu.page",     // 进入友邦信息收集页面 
    inputMobileNo : "loadPage.htm?url=/collect/inputMobileNo.page",  // 进入输入手机号页面 
    readIdCard   : "loadPage.htm?url=/collect/readIdCard.page",    // 进入读取身份证页面 
    member     : "loadPage.htm?url=/collect/member.page",      // 进入输入会员卡号页面 
    bankCard    : "loadPage.htm?url=/collect/bankCard.page",     // 进入插入银行卡页面 
    url      : "loadPage.htm?url=/collect/url.page"        // 进入跳转url页面 
  } 
}
for(var key in dxy.pageUrl){ 
  alert(key+" : "+dxy.pageUrl[key]); 
}
</script>
</body>
</html>

Code 2,

var obj = { 
 "a": 1, 
 "b": 2, 
 "c": 3 
}; 
 
for (var prop in obj) { 
 if (obj.hasOwnProperty(prop)) {  
 // or if (Object.prototype.hasOwnProperty.call(obj,prop)) for safety... 
  alert("prop: " + prop + " value: " + obj[prop]) 
 } 
}

Voici les ajouts d'autres internautes. Vous pouvez vous y référer

javascriptBoucleParcourir le tableau. Valeur de clé de sortie

Javascript parcourt le tableau pour générer la valeur de clé
L'utilisation de la méthode $.each ne fonctionnera certainement pas, donc la méthode suivante est utilisée

markers = [];
    markers[2]=3;
    markers[3]=7;
    for(var key in markers){
      console.log( key )
      console.log( markers[key] )
    }

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment gérer le problème de performances gaspillées async/wait

Implémentation JQuery de l'analyse de cas pratique de requêtes floues

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée de la définition d'objet JSON et des étapes d'instance de valeur dans JSArticle suivant：Explication détaillée de la définition d'objet JSON et des étapes d'instance de valeur dans JS

Articles Liés

Voir plus