>웹 프론트엔드 >JS 튜토리얼 >js 루프 맵에서 키와 값을 얻는 단계에 대한 자세한 설명

js 루프 맵에서 키와 값을 얻는 단계에 대한 자세한 설명

php中世界最好的语言
php中世界最好的语言원래의
2018-05-30 15:05:0611984검색

이번에는 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>

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]) 
 } 
}

다음은 참고용으로 다른 네티즌들이 추가한 내용입니다

javascriptLoop배열 탐색키 값 출력

javascript 루프를 통해 배열을 순환하여 키 값 출력
$.each 메서드를 사용하면 절대 작동하지 않으므로 다음 방법을 사용하세요

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

마스터하신 것 같습니다. 방법은 본 글의 사례를 읽어보신 후, 더 흥미로운 내용을 보시려면 PHP 중국어 홈페이지의 다른 관련 글도 주목해주세요!

추천 자료:

비동기/대기 낭비 성능 문제를 처리하는 방법

퍼지 쿼리 실제 사례 분석의 JQuery 구현

위 내용은 js 루프 맵에서 키와 값을 얻는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.