728x90
<!DOCTYPE html>
<meta charset="UTF-8">
<body>
<div id="disp"></div>
</body>
<script>
const hdisp = document.querySelector('#disp');
let members = [
{name:"김수지",level:"pos1"},
{name:"임석일",level:"pos2"},
{name:"강서주",level:"pos3"},
{name:"이경민",level:"pos3"},
{name:"신진수",level:"pos2"},
]
let levels = {
"pos1":"대표님",
"pos2":"전무님",
"pos3":"사원님",
}
let tblStr = "<table border=1>";
tblStr +="<tr><th>넘버</th><th>이름</th><th>직급</th></tr>"
for(let i=0; i<members.length; i++) {
tblStr += "<tr>";
tblStr += `<td>${i+1}</td>`;
tblStr += `<td>${members[i].name}</td>`;
// 배열식 접근법이 존재해서 아주 쉽게 해결할 수 있음
tblStr += `<td>${levels[members[i].level]}</td>`;
tblStr += `</tr>`;
}
tblStr += "</table>";
hdisp.innerHTML = tblStr;
console.log(levels['pos1']);
console.log(levels[0]);
</script>'JSP > Muzi' 카테고리의 다른 글
| [Javascript] 나만의 Ajax 만들기 (0) | 2024.08.26 |
|---|---|
| [Javascript] 즉각실행 함수 (0) | 2024.08.26 |
| [Javascript] 콘솔로그 console.log() 맛있게 쓰는법 (0) | 2024.08.22 |
| [Javascript] history.back 이슈(오류) (0) | 2024.08.20 |
| [JavaScript] this에 대하여... ,call ,apply ,bind (0) | 2024.08.05 |
