[혼공JS] 자료와 변수 chapter 2

1 . 기본 자료형

숫자형,문자열,불 자료형이 존재함

문자열 자료형

이전챕터에서 배운 console.log('Hello World...!') 가 문자열 자료형이 쓰인것으로 문자들의 집합을 말함
생성 방법 : 큰 따옴표 또는 작은 따옴표안에 문자를 넣어서 만드는것
예시 :  ' 냐옹냐옹'  , " 혼공단 조아"
만일 문자열로 따옴표가 필요하다면?
예시 : '냐"옹냐"옹' -> 냐"옹냐"옹  , "혼공단 '너무' 조아" -> 혼공단 '너무' 조아  (이렇듯 순서를 바꿔주면 됨)

이스케이프 문자 : \사용법
"This is \"string\"" -> This is "string"    :이런식으로 추가적인 ""필요할때 사용가능
\n : 줄바꿈 , \t : 탭을 넣음 , \\ : \를 넣음

문자열 연산 :문자열 끼리 연결 가능
문자열 + 문자열  => 문자열 연결 연산자가 됩니다!
예시 : "가나다"+ "라마바" + "냐냐냐"-> 가나다라마바냐냐냐

문자열 선택자 : 문자열 내부의 문자하나만 선택할때
문자열[숫자]
예시 : '안녕하세요'[0] -> 안 , '안녕하세요'[3] -> 세
※1

숫자 자료형

소수점이 있는 숫자 또는 그냥 숫자 모두 숫자 자료형으로 인식합니다.
생성방법 : 숫자를 그대로 입력함
예시 :235 , 23.56
숫자연산자
연산자 우선순위가 기본적으로 고려됩니다. (사칙연산을 생각)
예시 :5 + 3 X 2 = 16   ->  11( X가 우선 순위이기 때문에)
나머지 연산자도 있다. %
10 % 2 = 0 (몫 : 5 나머지 :0 )
10 % 3 = 1 (몫 : 3 나머지 : 1)

불 자료형 

참,거짓으로 표현할때 불자료형으로 말함 (논리회로의 그것과 비슷하다)
두가지 종류만 존재 : True , False
비교연산자  ※2
불 부정 연산자  = ! 기호 사용으로 참을 거짓으로 거짓을 참으로 바꿈 ※3
불 논리합/논리곱 연산자 ※4
-논리합 : 그리고 or AND 로 이해 ,논리곱 : 또는 or OR 로 이해

자료형 검사 : typeof()

 

 

※1 . 위치를 가르키는 숫자를 인덱스라 부르고 인덱스는 0부터 시작합니다

안	녕	하	세	요
0	1	2	3	4

 

※2 . 비교연산자

연산자	설명
===	양쪽이 같다
!==	양쪽이 다르다
>	왼쪽이 크다
<	오른쪽이 크다
>=	왼쪽이 크거나 같다
<=	오른쪽이 크거나 같다

 

※3불 부정 연산자

1번 항목이 않되는 이유는 True가 정의 되지 않아서다 -즉 대분자 True는 예약어가 아니다!

 

※4 논리합(&&) / 논리곱(||) 연산자

논리합 &&연산자 -하나라도 다르면 false

좌	우	결과
true	true	true
true	false	false
false	true	false
false	false	false

 

논리곱 || 연산자- 하나라도 true면 true

좌	우	결과
true	true	true
true	false	true
false	true	true
false	false	false

 

1.템플릿 문자열 : ${~~~~} 기호를 사용하여 표현식을 넣습니다.
2. == 연산자와 != 연산자 그리고 === 연산자 
== or != : 자료형이 달라도 변환하고 값이 같으면 true
 === : 자료형까지 비교해서 같으면 true

2 . 상수와 변수

상수

상수 : 한번 값을 넣으면 바꿀수 없는 수, 항상 같은 수
상수는 const로 선언한다.
특정 이름의 상수는 한 파일에서 한번만 선언할 수 있다.

첫번째 오류
그래서 만약 같은 이름으로 상수를 한번 더 선언하면 오류가 생긴다(Identifier has already declared)

그런데?! 어라???

크롬 콘솔

크롬콘솔에서는 재선언이 먹힌다...? 뭐지...? 무슨일이 일어난거지???

동일한 조건하에 복사 붙여 넣기한 파이어폭스의 모습은 이렇다.

파이어폭스 콘솔

 

?!!?!?!? 머임 

일단 몰(?)루겠으니 넘어가도록 하겠다... 다음엔 봐주지 않는다!

두번째 오류 Missing initializer in const declaration

상수를 선언할때 반드시 값을 지정해야하는데 지정하지 않는경우 다음과 같은 오류가 발생
반드시 값을 넣자

 

세번째 오류 Assignment to constant variable
한번 지정된 상수의 자료는 변경할 수 없습니다!
이런 경우 상수가 아닌 변수를 사용해야한다.

변수

변수 : 값을 계속 변경 가능, 변할 수 있는 수
변수는 let으로 선언한다.

중간에 r값을 변경 10 ->12

let의 중복 선언 오류 Identifier has already declared

상수와 마찬가지로 식별자를 변경하여 선언하자 (nameA,nameB)

변수에 적용할 수 있는 연산자

복합 대입 연산자

연산자	설명		사용예	의미
+=	기존 변수의 값에 값을 더한다		a+=1	a=a+1
-=	기존 변수의 값에 값을 뺀다		a-=1	a=a-1
*=	기존 변수의 값에 값을 곱한다		a*=1	a=a*1
/=	기존 변수의 값에 값을 나눈다		a/=1	a=a/1
%=	기존 변수에 값을 나누고 나머지를 구합니다.		a%=1	a=a%1

 

증감연산자

증감연산자	설명
변수++	기존 변수의 값에 1을 더합니다.(후위)
++변수	기존 변수의 값에 1을 더합니다.(전위)
변수--	기존 변수의 값에 1을 뺍니다.(후위)
--변수	기존 변수의 값에 1을 뺍니다.(전위)

 

전위 후위 차이? what??? 간단이해
전위 : 먼저 행동한다 - 문장을 실행하기전 증감
후위 : 나중에 행동한다 - 문장을 실행후 증감

undefined 자료형

상수와 변수로 선언하지 않은식별자

선언하지 않았으므로 undefined

 

값이 없는 변수

값을 지정하지 않은 변수도 undefined

 

3 . 자료형 변환

문자열 입력 

prompt( 메세지 문자열, 기본 입력 문자열 ) : 사용자에게 문자열을 입력받는 함수

<script>
        const input = prompt('message','_default')
        alert(input)
</script>

사용자의 입력을 받아서 넘긴다

리턴값

불 입력

confirm(메세지 문자열)

<script>
        const input = confirm('수락하시겠습니까?')
        alert(input)
</script>

숫자 자료형으로 변형하기

Numbe(자료) : 숫자가 적힌 문자열을 숫자로 변환합니다.

문자열 -> 숫자 자료형으로 변환!

숫자 연산자로도 변환가능

문자 , 불 자료형 모두 변환된다!

문자열 자료형으로 변환하기

String(자료)

숫자, 불 자료형 모두 문자열로 변환됨

문자열 연산자로 변환하기 : 자료형 + ""

불 자료형으로 변환하기

Boolean(자료)

논리 부정 연산자를 사용해 자료형 변경 : !! 두개를 붙여주면 됨