🌿22.01.10~16 WIL(4)

moomin·2022년 1월 16일

내일배움캠프

목록 보기

4/5

FACTS

✔️ AI 강의 완료!
✔️ 팀프로젝트 2 시작 - 사물인식

FEELINGS

지난주 얼레벌레 프로젝트를 끝내고 백신 부작용 + 밤샘 + 감기몸살로 WIL을 쓰지 못했다.😢
겨우겨우 AI강의를 다듣고 2번째 프로젝트를 시작했다. 저번의 시행착오를 발판삼아 이번엔 꼼꼼히 해나가서 14일엔 연동까지 완료가 되었다. 아직 디자인이 남았지만...
인스타 클론프로젝트 할 때보다 기능이 간단하고 페이지도 적어서 그런지 생각외로 빨리 진행되었고 깃허브 Wiki작성한 것도 튜터님에게 칭찬받아서 기분이 좋은 일주일이었다.

FINDINGS

자바스크립트 sort() 함수 - object 정렬

var student = [
  {name : "Andy" , age : 20},
  {name : "Boby", age : 26},
  {name : "Mark" , age : 17},
  {name : "Johnny" , age : 22}
]

// name을 기준으로 오름차순

student.sort(function (a,b){
	return a.name < b.name ? -1 : a.name > b.name ? 1 : 0;
});

// name을 기준으로 내림차순
student.sort(function (a,b){
	return a.name > b.name ? -1 : a.name < b.name ? 1 : 0;
});

// age를 기준으로 오름차순
student.sort(function (a,b){
  	return a.age - b.age
});

// age를 기준으로 내림차순
student.sort(function (a,b){
  	return b.age - a.age
});

출처 https://fluorite94.tistory.com/220

실제 적용

DB에 저장되는 회원의 id, score를 가져와서 score가 높은 순으로 출력

function show_ranking() {
    $.ajax({
        type: 'GET',
        url: '/api/result',
        data: {},
        success: function (response) {
            let rows = response['ranking']
            rows.sort(function (a,b){
                return b.score - a.score
            });
            console.log(rows)
            let ranking = 0;
            for (let i = 0; i < 3; i++) {
                let id = rows[i]['id'];
                let score = rows[i]['score'];
                ranking = ranking+1;
                let temp_html = `<tr>
                                    <th scope="row">${ranking}등</th>
                                    <td>${id}</td>
                                    <td>${score}점</td>

                                </tr>`
                $('#rank').append(temp_html)
            }

        }

    });
}