ホームページ  >  記事  >  ウェブフロントエンド  >  jsループマップのキーと値を取得する手順を詳しく解説

jsループマップのキーと値を取得する手順を詳しく解説

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-30 15:05:0611961ブラウズ

今回は、jsループマップでキーと値を取得する手順について詳しく説明します。jsループマップでキーと値を取得するための注意事項は何ですか?実際のケースを見てみましょう。

次の方法 1 と方法 2 は、Script House のエディターによってテストおよび実行されています

方法 1: 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>
コード 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]) 
 } 
}

以下は、参考のために他のネチズンからの追加です

javascriptループ配列を走査キー値を出力

javascriptが配列をループしてキー値を出力

$.eachメソッドを使用すると絶対に機能しないので、次のメソッドを使用してください

markers = [];
    markers[2]=3;
    markers[3]=7;
    for(var key in markers){
      console.log( key )
      console.log( markers[key] )
    }
これでマスターできたと思いますこの記事の事例を読んだ後の方法については、よりエキサイティングなコンテンツについては、php 中国語 Web サイトの他の関連記事にご注意ください。

推奨読書:

非同期/待機の無駄なパフォーマンスの問題に対処する方法

ファジークエリのJQuery実装の実践的なケース分析

以上がjsループマップのキーと値を取得する手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。