17 - Sort Without Articles

반응형

개요

 

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

 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