1. 타입
- 값의(value) 종류
- typeof로 종류를 확인 가능
number
- 숫자 타입
- 정수와 실수로 표현 가능
100; -> 정수를 표현할 수 있습니다.
-100; -> 음수를 표현할 수 있습니다.
100.123; -> 실수를 표현할 수 있습니다.
string
<문자열>
- 따옴표(’), 쌍따옴표(”), 백틱(`) 으로 표현 가능
'사과'
"JavaScript"
"欢迎你"
"😇"
- 문자열 붙이기 표현도 가능(문자열 연결 연산자)
"안녕하세요" + "!!"; // 안녕하세요!!
"감사합니다." + " " + "🙏" // 감사합니다. 🙏
1 + "1" // 11 (number타입 + 문자열 타입을 더하면 나오는 값
- 문자열 길이 확인
'欢迎你'.length // 3
- 문자열 index (문자열안의 요소들의 위치)
let str = 'codestates';
console.log(str[0]); // 'c'
console.log(str[4]); // 's'
boolean
- 사실 관계를 확인하는 타입
- 값을 true , false로 나타냄
falsy
- 불리언 타입은 아니지만, 자바스크립트에서 false로 여겨지는 값이 일부 있는데, 이를 falsy 값이라고 한다.
<대표적인 falsy 값>
false
0
-0
0n
""
''
``
null
undefined
NaN
비교연산자(comparison operator)
- 불리언은 비교연산자(comparison operator)로 두 값이 같은지 다른지를 확인할 때 유용
- === 같은지 확인
- !== 다른지 확인
- ==, != 로도 사용이 가능하지만 ===,!== 를 사용하는것을 권장함
(==,!= 연산자는 타입까지 맞는지 확인하지 않기 때문에 느슨하게 판단하기 때문)
논리연산자(logical operator)
1. ||
- 또는 이라고 생각하면 쉽다.
- 두 값 중 하나만 true 여도 true 로 판단
- 두값이 모두 false 이면 false로 판단
true || false; // true
false || true; // true
100 > 200 || 200 > 100; -> true ("100은 200보다 크다" 혹은 "200은 100보다 크다" 중 하나는 true
2. &&
- ~~이랑 ~~ 가 맞거나 틀리거나 , 둘 다 맞아야 된다 라고 생각하면 쉽다.
true && true // true
200 > 100 && 20 > 10; // true
3. 부정
!true -> true가 아니다. 라고 쓴거랑 마찬가지
2. 변수
변수의 선언
- 변수 선언 : var , let , const 3가지가 있다.
let answer -> 이런식으로 선언 가능
var
- 변수에 재할당 가능, 변수 재 선언 가능
let
- 변수에 재할당 가능, 변수 재 선언 불가능
const
- 변수에 재할당 불가능, 변수 재 선언 불가능
- const(상수)는 아예 바뀌지 않는 값을 넣음
변수의 할당
let answer = 5 //선언과 동시에 할당 가능
let answer
answer = 5 // 선언 후 할당도 가능
let answer, result, test; // 여러개의 변수도 지정 및 할당이 가능하다.
변수 네이밍 규칙
- 존재 목적이 분명한 변수명을 지정해야 함
- 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러 기호($)를 포함할 수 있음
- 숫자로 시작하는 것은 허용하지 않음
- 식별자로 변수명이 사용 안됨 ex) let, const, true, false, typeof 등
변수 네이밍 컨벤션
- JavaScript에서는 일반적으로 카멜 케이스(camelCase)를 사용
- 카멜케이스 : 첫 단어의 첫 문자는 소문자, 이후에 연결되는 단어의 첫 문자는 대문자로 작성하는 방법
- const에 변수를 지정할 때는 모두 대문자로 지정 가능
번외) pair 시간에 코플린 문제를 풀고 알게된 점
return squared3===result1 || squared2===result3
- 조건문(if)에서만 사용을 해야 불리언 값을 받을 수 있는 줄 알았으나,
리턴값에 직접 조건문식으로 작성을 해도 가능하다는 점을 알게됨
'Front end > JavaScript' 카테고리의 다른 글
[ javascript ] - 객체 알아보기 (0) | 2023.03.22 |
---|---|
[ javascript ] - 배열 알아보기 (0) | 2023.03.21 |
[ javascript ] - 함수 알아보기 (0) | 2023.03.21 |
[ javascript ] - 반복문 알아보기 (0) | 2023.03.21 |
[ javascript ] - 조건문 알아보기 (0) | 2023.03.21 |