TIL(17) - template literals, string method

2517 단어 JavaScriptJavaScript

template literals, string method

  • startsWith
  • endsWith
  • includes
  • repeat

👉 자바스크립트 스트링

Assignment

handleEdit 함수를 구현해 주세요.

  • 쇼핑몰 회원가입에서 한 번 쯤은 아래와 같은 문구를 보셨을 겁니다.

    환영합니다. 위코드님!
    회원가입 기념으로 쿠폰을 적립해 드렸습니다.

    이러한 문구에서는 이름 부분만 계속 바뀌고 나머지 부분은 고정됩니다. 그럼, 이름 부분을 변수로 관리 하겠죠?

  • 그렇다면 handleEdit 라는 이름을 가진 함수를 구현해 봅시다.

  • 이 함수는 nickname, interests 라는 두 string을 인자로 받습니다. nickname은 유저의 닉네임을, interests 는 유저의 관심사를 의미합니다.

  • interests 에는 여러 관심사를 적을 수 있습니다. 그 때 그 관심사의 구분을 콤마(,)를 이용합니다.

  • nicknameinterests 가 문제 없이 잘 들어왔다면 유저 정보를 효율적으로 관리하기 위해서 Object에 이 정보를 담아서 관리할 겁니다.

  • 예를 들어 입력 값이 nickname = "뚜비" , interests = "방탈출,테니스,멍 때리기" 라고 했을 때

  • 아래와 같은 Object를 리턴하도록 구현해 주세요.

    ⚠️ 주의

    • interests 는 배열입니다.
    • interests 를 적을 때 콤마(,) 뒤에 스페이스는 지워주세요.
        {
           nickname: "뚜비",
           interests: ["방탈출","테니스","멍 때리기"],
           bio: "제 닉네임은 뚜비입니다. 취미는 방탈출,테니스,멍 때리기입니다."
        }
 const handleEdit = (nickname, interests) => {
   const handleObj = {
     nickname: nickname,
     interests: interests.split(','),
     bio: `제 닉네임은 ${nickname}입니다. 취미는 ${interests}입니다.`
   }
   return handleObj;
}

좋은 웹페이지 즐겨찾기