JavaScript07 - sort함수를 통한 오름차순,내림차순 정렬

🟰Sort함수

sort함수를 통해 불러온 요소들의 순서를 바꿀 수 있다.
이때 사용되는 클래스와 함수들을 간단히 알아보자.

1. Array.from : 불러온 요소들을 Array(배열)상태로 묶는다.
2. 요소.appenChild(요소2) 요소2를 요소1의 하위요소로 넣는다.
예시) ul.appendChild(li) : ul안에 li요소를 집어넣는다.
3. querySelector('불러올요소') , querySelectorAll('불러올 요소')
예시) querySelector('ul') : ul요소를 하나 불러온다. querySelectorAll('ul') : ul요소를 모두 불러온다.


Sort에서는 자바의 람다, 익명클래스와 같은 방식이 사용된다. 클래스를 생성하지 않고 곧바로 람다식을 통해 익명의 클래스내에서 임의의 변수를 통해 식을 형성한다.

appendChild를 통해 원래 있던 요소들을 다시 집어넣게 되면 해당요소는 해당위치에서 가장 마지막자리에 다시 삽입되게 된다.

See the Pen Untitled by 이선로 (@ttxvrsis-the-animator) on CodePen.

Code예시를 보고도 어렵다면 어떤게 이해가 안가는지 댓글을 적어주세요!
자세히 알려드리겠습니다.