본문 바로가기
Hanghae99

221107 TIL Chapter 02 자료와 변수

박로셀 2022. 11. 7. 19:10

2-1 기본 자료형

문자열 만들기

문자열 자료형을 만들때, 큰따옴표와 작은 따옴표를 모두 사용할 수 있지만 예외적으로 문자열 안에 따옴표를 사용해야 하는 경우 두 가지를 모두 사용한다. 그러나 혼란을 막기 위해 다른 종류의 것을 쓴다.

 

이스케이프 문자(\)의 활용

 

문자열 길이 구하기

문자열 뒤에 .을 찍고 length라고 입력해주셤 됩니다.

 

Uncaught SyntaxError: Unexpected identifier

식별자가 예상하지 못한 위치에서 등장했다는 오류입니다.

식별자 주변에 잘못된 코드가 있다는 의미이므로 이를 수정하면 됩니다.

 

숫자 자료형

 

불자료형 (Boolean)

영어로 Boolean이며 '불린'으로 발음

 

불표현식 이해하기

<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
if (273 < 52) {
alert('273은 52보다 작습니다.')
}
if (273 > 52) {
alert('273은 52보다 크니다')
}
</script>
</head>
<body>
 
</body>
 
 
불 논리합/논리곱 연산자
 
&&은 and이고
||는 or이다.
 
즉, &&은 양쪽변의 값이 모두 true일때만 true값이 출력되고,
||는 양변중 한곳만 true여도 true가 출력된다.
 
 
자료형 검사
typeof(자료)
어떤 자료형인지 확인 가능
 
템플릿 문자열
문자열 내부에 `${...}` 기호를 사용하여 표현식을 넣으면 표현식이 문자열 안에서 계산된다.
 
p100-101 확인문제
 
2-2 상수와 변수
상수
const 이름 = 값
 
Identifier has already declared
상수는 한 파일에서 한 번만 선언할 수 있는데, 같은 이름으로 상수를 한번 더 선언하면 나오는 오류
 
Missing initailizer in const declaration
상수를 선언할때 값을 지정하지 않으면 나오는 오류
 
Assignment to constant variable
한 번 선언된 상수의 자료를 변경하려 하면 나오는 오류
 
변수
let 이름 = 값
 
Identifier has already been declared
상수와 마찬가지로 특정한 이름의 변수는 한 파일에서 한번만 선언할 수 있음.
 
*변경할 가능성이있으면 변수를 사용하고, 그렇지 않다면 상수를 사용한다.
 
복합대입연산자

 

증감연산자

 

+ 전후의 차이

let number = 10

alrert(number++) 

-결과: 10을 출력한 후에 number 에 1을 더하여 11로 지정한다.

 

let number = 10

alrert(++number) 

-결과: 11을 출력한다.

 

Undefined 자료형

Undefined 자료형이 출력되는 경우

1.상수와 변수로 선언하지 않은 시별자

2.값이 없는 변수

 

p.115

확인문제 3번

const 로 지정된 변수 r은 1번과 같이 사용할수 없으나, 2번의 경우 let을 사용하여 r을 지정할 수 있다.

1번의 경우 에러

 

확인문제 4번

const로 지정된 number는 증감연산자를 사용하여 재지정될 수 없다.

발생하는 에러

2-3 자료형 변환

문자열 입력

문자열 자료형을 입력할 때 사용하는 함수 prompt()

prompt(메세지 문자열, 기본 입력 문자열)

 

불입력

confirm(메시지 문자열)

 

불자료형으로 변환하기

Boolean(자료)

대부분의 자료는 불로 변환했을 때 true로 변환됩니다. 다만, 0,NaN, '...' 혹은 "...",null, undefined 이 5개의 자료형은 false로 변환된다.

 

p.126

확인문제 4번

<script>
// 숫자를 입력받습니다.
const rawInput = prompt('원의 반지름을 입력해주세요.')
const r = Number(rawInput)

// 출력합니다.
// ${} 내부에는 표현식을 사용할 수 잇으므로
// 다음과 같이 계산식을 넣을 수도 있습니다.
// 여러 줄을 좀 쉽게 볼 수 있게
// output을 만들고 연결하는 형태로 코드를 작성했습니다.
let output = ''
output += `원의 반지름: ${r}\n`
//\n은 줄바꿈을 의미
//+는 문자열 조합에 사용
output += `원의 넓이: ${3.14 * r * r}\n`
output += `원의 둘레: ${2 * 3.14 * r}`
alert(output)
</script>
 

확인문제 5번

<script>
// 숫자를 입력받습니다.
const rawInput = prompt('달러 단위의 금액을 입력해주세요.')
// 문자열 데이터를 숫자로 바꿔줍니다.
const dollar = Number(rawInput)

// 출력합니다.
let output = ''
output += `달러: ${dollar}\n`
output += `→ 원화: ${dollar * 1207}`
alert(output)
</script>

 

'Hanghae99' 카테고리의 다른 글

221109 TIL Chapter 05 함수 첫번째 시간  (0) 2022.11.10
221109 TIL 사전시험 문제풀이  (0) 2022.11.09
221108 TIL Chapter 04 반복문  (0) 2022.11.08
221108 TIL Chapter 03 조건문  (0) 2022.11.08
221107 TIL Chapter 01 자바스크립트 개요와 개발환경 설정  (0) 2022.11.07

'Hanghae99' Related Articles

티스토리툴바