210828 TIL

TIL DAY 31

오늘 배운 일

✔️ 코드잇에서 JavaScript 중급

• 조건 연산자

  • 조건 truthy 할 때 표현식 = ?

  • 조건 falsy 할 때 표현식 = :

    

    결과값 :

    • 처음에는 ?를 다음에는 :으로 하면된다.
    • 조건이 맞을때는 ? 값이 할당되고, 조건이 맞지않을때는, :값이 할당된다.
    • 80이 90보다 작으니까 합격이 할당된다.

    

  • 조건 연산자는 삼항 연산자(Ternary Operator)라고도 불린다
  • 조건 연산자는 표현식으로도 알려져있다.

• Spread 구문 (spread syntax)

  • 배열을 다룰때 유요하게 사용된다
  • 배열로 표현하는게 아니라 개별 값으로 호출이 된다

예제 1)

결과값 :

예제 2)

spread 구문을 사용하기 전..

결과값 : push 메소드를 이용해서 두번째 변수에 할당할려고 했는데, 첫번째 것까지 할당이된다

예제 3)

사용하고 나서...

결과값 : spread 구문을 이용해서 두번째 변수에만 javascript가 할당이 된다.

예제 4)

그 외에 다른 방법으로는 slice 메소드 이용방법

결과값 : 위에와 동일한 값이 할당된다.

예제 5)

그 외 javascript를 push하지 않고 spread 구문을 이요하는 배열 안에 넣으면 추가가 된다.

결과값 :

예제 6 )

이번에는 두개 이상의 배열을 합쳐서 만들어 본다

결과값 : 변수로 선언한 배열 안에 spread 구문으로 표현된 함수 두개를 사용한다

예제 7)

결과값 : Concat 메소드를 이용해 위에 있는 예제와 똑같은 값을 할당한다.

예제 8)

함수 표현식에 있는 파라미터를 변수로 할당하는 방법

결과값 :

• 출력이 잘 되는걸 확인이 가능하다. 함수 호출할때 spread 구문을
  사용하면 된다

예제 9 )

결과값 :

• Spread 문을 객체로 표현을하면은 프로퍼티가 숫자 0 부터 시작해서 할당한다.

알아야할 팁!

=> Spread 구문은 값이 아니다
=> 하나로 묶인 값을 여려개로 펼친거다.

• 그리고 오늘 선태 쌤이랑 배운 수업은

  • Normad 챌린지를 보면서 이해가 안되는 부분에 대해 자문하고 답을 구한다.
  • And랑 Or 연산자에 대해 확실히 알았다.

느낀점 :

• 오늘은 조건 연산자와 Spread 구문에 대해 배워보는 시간을 가졌는데, 생각보다 예제도 많고 쓰이는 용도 또한 다양하다
• Spread 구문은 여러 방면으로 이용가치가 있다.