자바스크립트 - 배열과 정렬을 활용하여 테이블 구성하기

안녕하세요

이번 시간에는 자바스크립트에서

특정한 데이터를 배열에 넣고, 그 데이터를 정렬하여 테이블로 구성하는 것을 올려봅니다.

먼저 결과 화면을 보면 다음과 같습니다.

자 그럼 소스 코드를 한번 보시죠~!!

var cars=[
{type:"BMW", year:"2016"},
{type:"Sonata",year:"2013"},
{type:"Volvo",year:"2014"},
{type:"Saab",year:"2011"}];
var str="";
str+="";
str+="";
str+="";
for(var i=0;i<4 i="" str="" tr="">

유형
년도
";
	str+="


"+cars[i].type+"
";
	str+="
";
	str+="


"+cars[i].year+"
";
	str+="

"; } str+=""; var obj=document.getElementById('demo'); obj.innerHTML=str; // 출시 연도별로 내림차순으로 정렬하여 테이블 형태로 보여주기 var obj2=document.getElementByid('demo2'); cars.sort(function(a,b){ return b.year-a.year; }); var str3=showTable(cars); function showTable(cars){ var str="
"; str+=""; for(var i=0;i

유형	연도
"+cars[i].type+"	"+cars[i].year+"

"; } return str; } obj2.innerHTML="

출시연도별

"; obj2.innerHTML+=str3; cars.sort(function(a,b){ return b.year-a.year; });