02-1 자바스크립트 기본 자료형
자료(data) : 프로그램이 처리할 수 있는 모든 것
자료형(data type) : 자료 형태에 따라 나눠 놓은 것
문자열 자료형
작은 따옴표 또는 큰 따옴표로 감싸면 문자열이 만들어짐
- 이스케이프 문자() : 따옴표를 문자 그대로 사용하고 싶다면 따옴표 앞에 \를 사용
"this is \"string\""
→ this is "string"
이 외의 특수 기능
- \n : 줄바꿈
- \t : 탭
- \\ : 역슬래시(\) 그 자체를 의미
- 문자열에 적용할 수 있는 처리
1. 문자열 연결 연산: 문자열 + 문자열
'안녕' + '하세요'
→ 안녕하세요
2. 문자 선택 연산: 문자열[인덱스] → 문자 하나
이때 위치를 나타내는 숫자를 인덱스(index)라고 부름 (0부터 시작)
"안녕하세요"[0]
→ 안
"안녕하세요"[1]
→ 녕
3. 문자열의 길이: 문자열.Length
"안녕하세요".length
→ 5
"자바스크립트".length
→ 6
숫자 자료형
수로 나타내는 모든 것을 숫자 자료형으로 인식
- 숫자 연산자 : 기본적인 사칙연산 (+, -, *, /)
- 나머지 연산자 : 나머지 출력 (%)
10 % 2
→ 0
10 % 3
→ 1
10 % 4
→ 2
불 자료형
참과 거짓 값을 표현할 때 → true, false
불린(boolean)이라고도 표기
- 비교 연산자
<, >, <=, >=
크다, 크거나 같다
===
양쪽이 같다
!==
양쪽이 다르다
** 비교 연산자가 오른쪽으로만 입을 벌리게 하는 방식, 변수를 왼쪽에 쓰는 방식을 많이 씀
/* 불 표현식 이해하기 (조건문) */
if(22 < 5) {
alert('22는 5보다 작습니다.')
}
if(22 > 5) {
alert('22는 5보다 큽니다.')
}
→ 실행 결과 : 22는 5보다 큽니다.
- 불 부정 연산자
!
기호를 사용하며 참을 거짓으로, 거짓을 참으로 바꿈
!true
→ false
!false
→ true
!(10 === 10)
→ false
!("안녕".length >= 5)
→ true
연산자는 피연산자의 개수에 따라서 단항 연산자, 이항연산자, 삼항 연산자로 구분
-단항 연산자 : 피연산자가 하나
-이항 연산자 : 피연산자가 두개-10 //피연산자가 -10으로 1개 → 단항 연산자 10 + 20 //피연산자가 10과 20으로 2개 → 이항 연산자 true ? 10 : 20 //피연산자가 true, 10, 20으로 3개 → 삼항 연산자
- 불 논리합/논리곱 연산자
연산자 : || (또는)
논리합 연산자. 양쪽 변의 값 중 하나만 true여도 true를 결과로 냄.
연산자 : && (그리고)
논리곱 연산자. 양쪽 변의 값이 모두 true일 때 true를 결과로 냄. 이외에는 모두 false
범위 표현할 때 쓰임
α <= x < β → α <= x && x < β (닫힌 범위를 나타낼 때)
x < α 또는 β < x → x < α || β < x (열린 범위를 나타낼 때)
var card = prompt("어떤 카드로 결제하시나요? ex)신한, 현대")
if (card == "신한" || card == "삼성")
alert("해당 카드로 결제시 10% 할인")
else
alert("할인 불가 카드")
드 모르간의 법칙 이해하기..
자료형 검사
숫자, 문자열, 불 같은 자료형을 확인할 때는 typeof 연산자
를 사용
자료형 구분할때 쓰임
typeof('문자열')
→ "string"
typeof('true') === 'boolean'
→ true
typeof('문자열') === 'number'
→ false
템플릿 문자열
백틱(`)기호로 감싸 만듦.
문자열 내부에 '${...}'기호를 사용하여 표현식을 넣으면 표현식이 문자열 안에서 계산됨
==연산자와 !=연산자
===
, !==
: 값과 자료형이 같은지 비교하는 연산자
==
, !=
: 값이 같은지만 비교하는 연산자
Author And Source
이 문제에 관하여(02-1 자바스크립트 기본 자료형), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@onezeun/02-1-자바스크립트-기본-자료형저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)