JavaScript 연산자

 

산술 연산자 ( + , - , * , / , % )

console.log(1+2) 	// 3
console.log(3-2) 	// 1
console.log(2*4) 	// 8
console.log(10/2) 	// 5
console.log(8%3) 	// 2

   - 더하기, 빼기, 곱셈, 나눗셈을 수행하는 연산자입니다.

 

 

할당연산자 ( = )

let a = 3

a+=2	//5
a-=3	//2
a*=6	//12
a%=8	//4
a/=2	//2

   - 왼쪽의 데이터에 오른쪽의 값을 할당하는 연산자입니다.

   - 산술연산자와 함께 사용하여 왼쪽 데이터에 산술을 수행한 값을 할당할 수도 있습니다.

 

 

 

증감연산자 ( ++ , -- )

let a = 3;
console.log(a++)	// 3 (3에서 출력 후 증가되므로)
console.log(++a)	// 5 (4에서 증가 후 출력하므로) 
console.log(--a)	// 4 (5에서 감소 후 출력하므로) 
console.log(a--)	// 4 (4에서 출력 후 감소하므로) 
console.log(a)		// 3

   - '++' 나 '--'를 사용하여 값을 1만큼 증가 또는 감소시킬 수 있습니다.

   - 연산자가 변수의 앞에 오는지, 뒤에 오는지에 따라 작동 순서가 바뀔 수 있습니다.

출력 결과

 

 

부정 연산자 ( ! )

console.log(!true)	//false
console.log(!false)	//true

   - 부정 연산자 ! 를 사용하여 boolean형 데이터를 반대로 만들 수 있습니다.

   - null이나 NaN, {}, [] 와 같이 boolean형이 아니더라도 true, false로 취급되는 값에도 사용 가능합니다.

   - 거의 사용하지는 않지만, !!!나 !!!!처럼 중첩해서 사용할 수도 있습니다.

 

 

비교 연산자 ( == , < , > )

//동등과 일치 연산자

// 형변환 사용
console.log(a==b)	// 같은지 확인
console.log(a!=b)	// 다른지 확인

// 형변환하지 않습니다.
console.log(a===b)	
console.log(a!==b)


// 부동 연산자
console.log(1<5)	// true	
console.log(2<=2)	// true
console.log(1>5)	// false
console.log(2>=4)	// false

   - 왼쪽 데이터와 오른쪽 데이터를 비교하여 boolean값을 반환하는 연산자입니다.

 

 

삼항연산자 ( ? : )

const fruits = ['Apple','Banana','Cherry]

if(fruits.length>0){
	console.log('과일이 있습니다')
} else {
	console.log('과일이 없습니다.'
}

const message = fruits.length>0 ? '과일이 있습니다.':'과일이 없습니다.'
console.log(message)

   - 간단한 논리구문을 사용할 수 있는 연산자입니다.

   - [논리구문] ? [구문이 참일경우] : [구문이 거짓일 경우] 로 구성됩니다.

 

 

 

전개 연산자 ( ... )

const numbers = [1,2,3]
console.log(numbers)
console.log(...numbers)

const n1 = [1,2,3]
const n2 = [2,3,4]

// n1 과 n2를 합칩니다.
n3 = n1.concat(n2)
n4 = [...n1,...n2]

// [ 1, 2, 3, 2, 3, 4 ]
console.log(n3) 
console.log(n4)


const o1 = {a:1, b:2, c:3}
const o2 = {b: 99, c: 100, d: 101}

const o3 = Object.assign({}, o1, o2)
const o4 = {...o1, ...o2}

// { a:1, b:99, c:100, d:101 }
console.log(o3)
console.log(o4)

   - 배열 또는 객체 데이터에 대해 값을 전개시키는 연산자입니다.

   - 두개 이상의 객체 또는 배열 데이터를 합치는데 사용하기도 합니다.

   - 객체 데이터의 경우 일치하는 key값에 대해 뒤의 값이 앞의 값을 덮어씁니다.