JS 의 맵 형식 (11)
2139 단어 JS 전단 팁
이전 장 에 서 는 Select 상자 의 값 을 간단하게 소개 하고 다른 Div (10) 를 동적 으로 표시 합 니 다. 보지 않 았 다 면 이전 장 을 보 세 요.
JS 의 맵 형식
js 에 서 는 맵 과 유사 한 형식 으로 키 값 을 맞 추 는 처리 가 필요 합 니 다. 예 를 들 어 사전 을 쓸 때 번호 와 이름 이 대응 하고 번 호 는 현재 대상 과 대응 합 니 다.
JS 코드
/** */
var initMap=function(){
var obj = {
Set : function(key,value){this[key] = value},
Get : function(key){return this[key]},
Contains : function(key){return this.Get(key) == null?false:true},
Remove : function(key){delete this[key]}
};
return obj;
}
맵 에서 자주 사용 하 는 방법 이 있 습 니 다. Set 배치 값, Get 가 져 오기 값, Contains 에 key 값 이 포함 되 어 있 는 지, Remove 는 key 에 따라 값 을 제거 합 니 다.
3. initMap 의 사용
3. 1 초기 화
var userMap=initMap(); // new。
3. 2 방치 치
userMap.Set("101"," ");
셋. 셋 이 값 을 얻다
var name=userMap.Get("101"); //
3. 4 포함 값 여부
if(userMap.Contains("101")){
console.log(" 101 ");
}else{
console.log(" 101 ");
}
3. 5 설정 대상 값
initMap 의 value 는 일반적인 값 일 뿐만 아니 라 대상 의 값 일 수도 있 습 니 다.
// userList json 。
$.each(userList,function(idx,item){
userMap.Set(item.user_code,item);
})
번호 와 그 번호 에 대응 하 는 대상 을 맵 에 넣 었 습 니 다.값 가 져 올 때 이렇게 할 수 있 습 니 다:
if(userMap.Contains("101")){
console.log(" :"+userMap.Get("101").user_name);
}
3. 6 방치 대상 배열
하나의 대상 뿐만 아니 라 대상 배열 도 배치 할 수 있다. 예 를 들 어 직원 과 부서 일 때 한 직원 이 여러 부서 의 상황 을 가 질 수 있다.
//
userMap=initMap();
$.each(deptList,function(idx,item){
if(userMap.Contains(item.user_code){
userMap.Get(item.user_code).push(item);
})else{
var arr=new Array();
arr.push(item);
userMap.Set(item.user_code,arr);
}
})
값 을 꺼 낼 때 꺼 낸 것 은 배열 이 고 배열 에 따라 데 이 터 를 분석 합 니 다.
감사합니다!