[코드 워즈] 4. Stop gninnipS My sdroW!

2020. 12. 18. 20:43·개발/TIL;

문제

문장 내 단어 중 5자 이상의 단어일 경우 이를 역순으로 전환하여 새로운 문장을 반환하는 함수를 만들기.

 

문제 주소: www.codewars.com/kata/5264d2b162488dc400000001/train/javascript

 

Codewars: Achieve mastery through challenge

Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential.

www.codewars.com

내 풀이

function spinWords(strings){
  let newString = [];

  newString = strings.split(' ');

  for (let i = 0; i < newString.length; i++) {
    if(newString[i].length >= 5) {
      newString[i] = newString[i].split('').reverse().join('')
    }
  }

  return newString.join(' ');
}

우수 답안

function spinWords(words){
  return words.split(' ').map(function (word) {
    return (word.length > 4) ? word.split('').reverse().join('') : word;
  }).join(' ');
}

후기 및 새롭게 배운 것

코드 워즈는 지난 단계에서 배운 메소드 등을 의도적으로 활용해볼 수 있게 문제를 구성한 것 같아 좋다. 코드 제출 때 시간이 좀 걸리지만, 자바스크립트 초보자인 내게는 너무도 고마운 사이트가 아닐 수 없다.

 

우수 답안에서는 map 메소드를 사용했다. 들어본 적은 있지만, 사용해 본 적이 없어 새롭게 정리해봤다. 내가 작성한 코드를 다시 보니 배열을 생성해서 순서가 바뀐 단어를 요소로 받고, 이를 다시 문자열로 조합했는데, 불필요한 작업이었던 것 같다.

 

 

자바스크립트 배열 map 메소드 설명

자바스크립트 배열의 map 메소드는 배열의 각 요소에 특정 함수를 통과시켜 나온 결괏값을 새로운 배열로 반환하는 데 사용합니다. 즉, 기존의 배열은 수정하지 않고 각 배열 요소에 함수를 통과

oneroomtable.tistory.com

 

'개발 > TIL;' 카테고리의 다른 글

[코드 워즈] 5. Descending Order  (0) 2020.12.20
[코드 워즈] 3. Create Phone Number  (0) 2020.12.18
[코드워즈] 2. Find The Parity Outlier  (0) 2020.12.16
'개발/TIL;' 카테고리의 다른 글
  • [코드 워즈] 6. Vowel Count
  • [코드 워즈] 5. Descending Order
  • [코드 워즈] 3. Create Phone Number
  • [코드워즈] 2. Find The Parity Outlier
휘Hwi
휘Hwi
여행, 사진, 개발, 책 이야기를 기록하는 여행자 휘의 블로그 𓂍
마이리얼트립 프로모션 할인 🏝️
마이리얼트립 호텔 예약 배너
※ 배너를 클릭하여 상품 구매 시, 파트너스 활동에 대한 소정의 수수료를 지급받습니다. 구매자에게 추가로 부과되는 수수료는 없습니다.
  • 휘Hwi
    휘: 끝나지 않은 이야기
    휘Hwi
  • 전체
    오늘
    어제
    • 분류 전체보기 N
      • 기록
        • 일상 에세이
        • 인사이트
        • 투자와 재테크
        • 코인 이야기
        • 아카이빙
        • 집무실 레터
        • 사랑에 대하여
        • 번역 이야기(完)
        • 프리랜서 일지(完)
      • 여행 N
        • 🌎 세계 여행기 S1 (完)
        • 🌊 삼삼한 여행기 (完)
        • 🚶 온더로드
        • 🇯🇵 일본
        • 🏝️ 발리
        • 🇻🇳 베트남 N
        • 🇱🇰 스리랑카
        • 🇮🇳 인도
        • 🇹🇭 태국
        • 🇸🇬 싱가포르
        • 🇦🇺 호주
        • 🇭🇰 홍콩
        • 🇰🇷 한국
        • 🍚 여행자의 한 끼
        • ℹ️ 여행 정보
      • 사진
        • 사진가
        • 사진 이론과 생각
        • 사진 관련 정보
      • 영상
        • 파이널컷 모션 공부
        • 고프로 GoPro
        • 영상 관련 정보
      • 책
        • 책 읽고 쓰기
      • 개발
        • 티스토리
        • Internet
        • HTML
        • CSS
        • JavaScript
        • Typescript
        • React
        • Node.js
        • Express
        • NestJS
        • Python
        • Django
        • MySQL
        • MongoDB
        • AWS
        • Deployment
        • Terminal
        • Git
        • Glossaries
        • Articles
        • Projects
        • TIL;
      • 미분류
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
휘Hwi
[코드 워즈] 4. Stop gninnipS My sdroW!
상단으로

티스토리툴바