본문 바로가기

Language/JS

String 형 변수, Number형 변수 선언

1. JavaScript 변수 선언의 특징

JavaScript는 느슨한 타입의 동적 언어이다. 

Java 처럼 int, float, String 등등으로 type이 따로 나누어져 있지 않다. 

따라서 type 선언이 따로 없고, 하나의 변수에 어떤 타입의 값으로든 할당 및 재할당이 가능하다.

 (문자열, 숫자, boolean 등)

a = "Class"
a = 27
a = true

2. String 선언 방식 3가지 

a = "bla bla"
a = 'bla bla'
a = `bla bla`

큰 따옴표, 작은 따옴표, 물결표로 진화 전 모양 3가지로 문자열을 표현할 수 있다. 

큰 따옴표와 작은 따옴표는 기능이 같으므로 둘 중 하나를 취향 껏 사용하면 된다. 

`` 이 기호는 특별한 기능이 하나 더 장착 되어 있다. 

'' 안에 ${변수A}를 넣어서 문자열 내에 해당 변수의 값을 추가할 수 있다. 

String = "안녕"

a = `Hello is ${String}`


/*출력 결과 : Hello is 안녕*/

`` 방식을 템플릿 리터럴이라고 한다. ${}을 템플릿이라고 하는데 템플릿을 이용한 리터럴이란 뜻이다. 

리터럴은 기호를 통해서 데이터를 표현하는 방식을 말한다. 

따라서 "", '' 모두 리터럴에 속한다.

3. 숫자형 선언 방식 

숫자도 그냥 바로 name = value로 값을 넣어주면 된다. 

다만 주의할 점은 소수점 표현 시 , 정수 부분이 0이면 표현 안 해줘도 된다.

a = .14

/*출력결과: 0.14*/

만약 출력결과가 NaN으로 뜨면 이는 Not a number라는 뜻으로 숫자 연산에 숫자가 아닌 데이터가 껴 있음을 나타낸다. 

 

(1) 관련 함수들 

/* (1) 소숫점 짜르기 toFixed()*/
	
    3.1000004.toFixed(1)
	/*출력결과: 3.1 
		근데 해당 함수를 거치면 숫자가 문자열이 되어버리기 때문에 주의하자.*/
    

/* (2) type이 뭔지 확인 (숫자형인지, 문자열인지, boolean 인지) typeof 값 or 변수 */

	typeof(a+b)
	/*출력결과 Number*/
    
/*Number() -> ()안의 값을 String에서 숫자로 바꿔줌*/

	Number(3.1000004.toFixed(1))
	/*문자열로 바뀌었던 값을 다시 숫자형으로 바꿈.*/

4. 스스로 해보기

string = "aaa"
string2 = 'bbb'
string3 = `${string}, ${string2}, ccc`

console.log(string3)

a = 0.1
b = 0.2
console.log(a+b)

space= "----------------------"

console.log(space)

console.log(((a+b).toFixed(1)))
console.log(typeof((a+b).toFixed(1)))
console.log(Number((a+b).toFixed(1)))
console.log(typeof Number((a+b).toFixed(1)))

'Language > JS' 카테고리의 다른 글

JS에서의 배열  (0) 2023.03.23
var-let-const 차이, Boolean, Undefined 와 Null 의 차이  (0) 2023.03.23
JS를 HTML 내부에서 쓸 수 있도록 설정  (0) 2023.03.22
유의적 버전이란 무엇인가  (0) 2023.03.22
Parcel 이용 방법.  (0) 2023.03.22