[JavaScript] Object 형식 반복문으로 key,value 받기

jQuery를 사용하지 않고 Object 형식의 데이터를 Object.entries라는 메서드를 통해서 반복문으로 돌리면 좋은 것 같더라.

 

Object 데이터

위의 사진과 같은 데이터인 경우

 

function pageMovePost( url, paramObj ) {
	
	if( !url ) {
		throw new Error("url is not exist.");
	}
	
	var form = document.createElement("form");
	var input = new Array();
	
	form.action = url;
	form.method = "POST";
	
	let i = 0;
	for( let [key, value] of Object.entries(paramObj) ) {
		input[i] = document.createElement("input");
		input[i].setAttribute("type", "hidden");
		input[i].setAttribute('name', key);
		input[i].setAttribute("value", value);
		form.appendChild(input[i]);
        
		i++;
	}
	
	document.body.appendChild(form);	
	form.submit();
		
}

 

위의 소스코드와 같이 반복문을 돌릴 수 있다.

for .. of 문법은 ES6 문법이다.

해당 소스코드는 뒤로가기 시 POST형식으로 보내는 방법에 대해서 구현을 하였다.

 

IE에서는 ES6 문법이 에러가 나더라 ㅠㅠ