티스토리 뷰

javascript30

17 - Sort Without Articles

fistful 2019. 3. 27. 19:18
반응형

개요

 

리스트를 정렬해서 뿌려줘보자. 문자열들을 정렬하는데,

 a, an, the (대소문자 무관) 제외한 문자열들로 정렬해준다.

 

내용

 

1) align-items  align-content  차이

- align-content  여러줄 사이의 간격을 정의하는 것이고

- align-item  item 자체의 정렬을 정의하는 것이다.

- 출처: https://goo.gl/8thXHN

 

 

2) list-style  타입은 square, 포지션은 inside

- 각각 리스트  표시를 사각형으로 해주고, 표시가 리스트 박스(?) 안쪽에 위치한다는 것이다.

 

 

 

리스트 하나 하나의 아래쪽에 1px 줄을 그어주는데,

마지막 리스트에는 줄을 긋지 않겠다는 것이다.

 

1) strip() 들어온 문자열에서 해당되는 정규식을 찾아서 없애준다.

2) 그러고 나면

'The Plot in You'

'Plot in You' 되는데

3) 여기서는 문자열 앞과, 뒤의 문자열이 삭제되었지만,

- 혹시나 남아있다면 .trim() 없애준다.

 

--

1) sortedBands 통해서 정렬을 준다음

2) 이를 innerHTML 이용해서 넣어주는게 전부이다.

 

 

 

참고. innerHTML: https://developer.mozilla.org/ko/docs/Web/API/Element/innerHTML

반응형

'javascript30' 카테고리의 다른 글

19 - Webcam Fun  (0) 2019.04.03
18 - Adding Up Times with Reduce  (0) 2019.03.28
17 - Sort Without Articles  (0) 2019.03.27
16 - Mouse Move Shadow  (0) 2019.03.26
15 - Local Storage  (0) 2019.03.26
14 - JavaScript References VS Copying  (0) 2019.03.19
댓글
댓글쓰기 폼