본문 바로가기
웹프로그래밍/JavaScript

(2)Codeit_JavaScript기초강좌_2장(작성중)

by 코잼민 2024. 9. 30.

1_ 거듭제곱 연산자 :

A ** B; : 밑(Base) : A , 지수(Exponent) : B  결과값 : A^B

2_ "I'm Iron man"이라는 문자열 출력 방법 : console.log('I'm Iron man'); 출력 X

  • 방법1_ 문자열을 감싸는 따옴표를 큰 따옴표(")로 한다.

ex_ console.log("I'm Iron man");

  • 방법2_ 문자값 ' \" '(큰 따옴표 문자) , ' \' '(작은 따옴표 문자) 을 사용

ex_ console.log("I\'m Iron man");

  • 방법3_ 키보드 1 자판 왼쪽의 백픽(`) 를 이용 => `문자열`은 ``안에 모든 문자값을 문자열로 인식해주는 연산자'

ex_ console.log(`I'm Iron man`);

3_ Boolean형 연산자

○ '===' 연산자 '!==' 연산자

  • C++, C99, Java언어의 같다, 다르다 연산자 : '==', '!='
  • JavaScript 언어의 같다, 다르다 연산자 : '===' , '!==' 

AND('&&') , OR('||') , Not('!') , '!!' 연산

4_ typeof 연산자 :

  • 정의 : 사용한 값, 변수가 어떤 자료형인지를 반환해주는 연산자
  • 사용방법 : typeof 변수||값 
  • 특이점 :

ⓐ. console.log (typeof 1); 과 console.log(typeof 1.3 ) 은 모두 "number"이 출력됨.

즉, JavaScriptdouble, int 등의 숫자값을 모두 "number" 자료형으로 통일함,

ⓑ. typeof + 함수명() 의 반환값 : "funtion"으로 출력됨

ⓒ. ◆typeof연산자와 다른연산자 섞인 응용 => typeof연산자다른 사칙연산자보다 우선순위가 높다

ex_ console.log(typeof 'Hello' + 'Codeit');

ex_ console.log(typeof 8 - 3);

※해결방법 : ()를 사용해, 모호함을 제거

5_ 형 변환 //(C,C++,JAVA와 다르게 개편하다)

○ 형식 : 반환하고 싶은 자료형(값)

ex_ String(123) => 반환값 : '123'

ex_ number('3.14') => 반환값 : 3.14

특이점 : Boolean(값)

false로 반환되는 경우 : 값이 falsy값인 경우

  •  number : 0
  • string : '' //빈문자
  • 그외 : NaN

그 외는 true로 된다.

5_ 자동형 변환

  • + 연산자 : 문자열 연산 > number 연산

ex_ 4 + '2' => 결과 : '42' 

이유 : + 연산자 문자열연산에 더 강해서, '4' + '2' 로 자동 형변관 된다.

  • number * or -  or / or ** boolean 연산 결과 : boolean이 0 또는 1로 자동 형변환 된다. 

이유 : * or -  or / or **는 number 연산에 더 강해서 다른 자료형이 number로 자동형변환 된다.

  • > or < or <= or >= : number연산에 더 강함 

※ 참고 4 <= 'two' 에서 자동형변환은 'two' => NaN이 된다.

※ 참고 === or !== vs == != 비교

▲ === or !== 연산자 => 자동형변환 X

== or != 연산자 => 자동형변환 O

#5_ 연습문제 :

 

6_ template 문자열 :

정의 : 문자열과 변수를 함께 섞어서 출력해야 할 때, ``(백)${변수} 이용함 // fullter언어에서 쓰인 건데 여기서 보네..?

ex_1 문자열과 + 연산자로 출력

  let year = 1996;
  let month = 12;
  let day = 10;

  console.log('내 생일은' + year + '년' + month +'월' + day +'일');

ex_2 ``(백) ${변수} 로 문자열 출력

  let year = 1996;
  let month = 12;
  let day = 10;

  console.log(`내 새일은 ${year}년 ${month}월 ${day}일`);
  

 

7_ null 과 undefined :

  • null

①. 정의 : 의도적으로, 빈자리라는 값을 알려주는 값

ex_

let num = null;

num을 출력 시, null이 출력

  • undefined

정의 : 선언만 했고, 초기화 안한 변수의 반환

ex_

let num;

num을 출력 시, undefined 출

②. 특이점 :

  • null == undefined => true  vs  null === undefined => false
  • undefined로 초기화 가능은 하지만, 혼동이 생기므로 안함

 

#요약 :