Javascript #1 변수의 이해, 자료형, 연산자

1. 변수의 이해

JavaScript의 변수 선언 방법

1. var

var a //변수를 선언
a = 8 // 변수 안에 데이터를 넣어줌

var a = 8 //선언과 데이터 입력을 동시에 함

 

var 는 이제 사용하지 않음

재선언이 가능 -> 코드가 길어짐 -> 같은 변수명을 가져도 오류 발생하지 않음 -> 재앙을 불러일으킴

따라서 const ,let 사용

2. const

const b = 4
b = 5 //재선언 -> 오류 발생

초기 할당된 값을 변경할 수 없음

3. let

let a = 1
a = 3 //재할당 할 수 없음 오류발생

---

2. 자료형

1. 원시타입

number

숫자형 데이터

const num1 = 4 //num1 이라는 변수 안에 4를 할당
log(num1, typeof num1) //num1의 자료형을 찍음

결과 : 4 number

String

const str1 = "최혜림"
log(str1, typeof str1)

결과 : 최헤림 String

boolean

참 거짓을 나타내는 자료형

const bool1 = true
log(bool1, typeod bool)
const bool2 = false
log(bool2, typeof bool)

결과 : true

          false

 

null

변수가 선언은 되어있지만 데이터가 없는 상태

const n = null //선언은 되어있지만 값이 들어가있지 않은 상태

undefined

해당 데이터를 찾을 수 없는 상태

const un

 

2.객체타입

둘 다 어떠한 데이터들의 리스트임

1. array

const arr = [1, 2, 3, 4, 5] //array 값 할당
log(arr)
const arr2 = []
arr2(0) = "바나나 우유" // 배열 추가 할당 방법 1
arr2.push("딸기우유") // 배열 추가 할당 방법 2 , 제일 맨 끝에 표시됨

log(arr2[0]) // arr2의 첫번째(바나나우유)가 꺼내짐

2. object

JAVA에는 없는 개념!

대괄호가 아닌 중괄호 사용

" : " 을 중심으로 왼쪽은 키, 오른쪽은 데이터 입력

const obj = {
	name : "hyerim",
	age : 20,
	major : computer,
	fav : ["banana","nananna"],//배열, 함수 모두 넣을 수 있음
}
log(obj["name"]) // obj 의 name 을 출력

3.연산자

1.산술연산자

덧셈,뺼셈,곱셉,나눗셈 등등

const a = 1 + 2 //a =  3

const b = 3 - 1 // b = 2

const c = 3 ** 3 // c = 27

const

전위연산자/ 후위연산자

let a = 1
log(a++) // 후위연산자
log(++a)// 전위연산자

2.비교연산자

a < b
a >= b
a != b
a !== b
a == b //단순 데이터만 비교
a === b //자료형까지 비교

3. 논리연산자

1. &&

하나라도 거짓이면 거짓

2.  ||

둘 중 하나라도 참이면 참

3.!

참이면 거짓, 거짓이면 참

 

4. 삼항연산자

const num1 = 3
const num2 = 4

num1 > num2 ? log("num1이 크다") : log("num2가 크다")

if 문으로 치환 가능하지만 짧개 줄여쓴 것