[javascript] 배열 반복문(forEach와 $.each)

관련글 : blog.naver.com/ljpark6/221664572581

 

다음 예제의 $.each( [배열변수], function(index, item){})

여러 <select>에 같은 코드값들을 설정하고 싶을 때, class를 같은 이름으로 하고 select의 option값들을 DB는 한번만 접근하여 두개 이상의 <select>에 option을 설정할 수 있다. 아래 코드에서 objs가 class명이다.

// 콤보박스 세팅
function comboSetting(objs, cdGrp){
    var _url = "/common/ajax/getCodeDtalList?cdGrp=" + cdGrp;
    
    if (cdGrp == '4211') {
        _url = "/common/ajax/getCodeDtalListLike?cdGrp=" + cdGrp;
    }
    //태그유형 셀렉트 박스 옵션 추가
    $.ajax({
        type: "GET",
        url: _url,
        success: function (data) {
            $.each(objs, function(index, obj){
                $(obj).append("<option value=''>선택</option>");
                $.each(data.list, function(index, dataItem){
                    $(obj).append("<option value=\"" + dataItem.cdKey + "\">" + dataItem.cdNm + "</option>");
                });
            });
        }
    });
}

[배열변수].forEach(function(item){ }) - 여기에서 주의할 점은.. forEach의 대소문자 구분

index를 사용할 일이 없다면 이 구문이 간단하다. 그러나 이 forEach에서 빨리 빠져나가는 방법은? 있겠으나 일단 break문으로는 안된다.

list.forEach(function(obj){
	var updDtm = obj.UPD_DTM+'';
	if (updDtm && updDtm.length == 8) { 
		obj.UPD_DTM = moment(updDtm,'YYYYMMDD').format('YYYY/MM/DD');
	}
});

기존 알고 있던 for문.. for문 안에서 [i]를 달고 다녀야 해서 보기에 안좋다.

for ( var i in list) {
	var _fileExtension = _fileBulk.getExt(list[i].orgFileNam);
	if(_fileExtension == ".pdf") {
		_fileBulk.fileChkArray.push(list[i].fileSn); 
	}
}