TIL/내일배움캠프 2주차

[내배캠 TIL ] 2주차 금요일

두캔두잇 2023. 5. 26. 23:46

오늘은 JS코테 문제를 풀어봤는데 

코드를 따라치다가 직접 문제를 보고 코드를 대입하려니 어떻게 접근해야할지도 모르겠고 문제 이해조차 잘 하질 못했다.

그러던중 같은 캠프에서 공부를 하고 계신 성민님의 도움으로 문제를 해결하고 로직도 알게되었다. (정말 감사합니다!)

 

# 문제는 이렇다.

const str = "green/red/yellow/blue/white";

const splittedArr =  // split 메소드를 이용하여 이 부분을 작성해 보세요.

console.log(splittedArr);
// 출력 결과: ["green", "red", "yellow", "blue", "white"]

먼저 문제를 읽어보면 split메소드를 이용하여 콘솔을 찍었을때

green", "red", "yellow", "blue", "white

이 값이 찍혀야 한다.

먼저,

const str = "green/red/yellow/blue/white";

const str에 있는 저 값을 받을 새로운 변수를 생성한다. 나는 일단 str1 로 만들어 볼껀데 이 str1 에 split을 붙여야한다.

근데 그냥 붙이기만하면 오류가 나고 어떤 값을 split 할지 코드를 작성해야하는데 str 값의 배열들을 나눠야하니깐 str에 붙여야한다. 코드를 작성하면,

const str = "green/red/yellow/blue/white";
let str1 = str.split("/");

이렇게 나온다. 여기서 새롭게 알게된점은 소괄호안에 ("/")의 뜻이 궁금할수도 있는데 배열들을 보면 배열안을 나누고 있는것들이 /   <--이렇게 나눠져있는것을 볼수있다. 

예를들어 배열안에 "green red yellow/blue white"  이렇게 있다면

let str1 = str.split(" ");

이렇게 하면된다. 한마디로 배열안에 나눈 텍스트를 넣어주면 된다.

그리고나서 콘솔을 찍으려면 이렇게 코드가 작성되고 결과도 볼수 있다.

const str = "green/red/yellow/blue/white";
let str1 = str.split("");
console.log(str1);

출력결과

오늘은 split을 사용하는법을 알았지만 코딩테스트문제로 직접 풀어보니 더 머릿속에 이해가 잘되는거같아서,

하루에 1~2문제씩 풀면서 성장해야겠다.