코딩/Javascript

프로그램에 필요한 수식, 그것은 연산자.

우당당쿵당콩탕 2023. 2. 21. 19:25
728x90
반응형

오늘은 자바스크립트의 연산자를 배워보려고 합니다.

연산자! 듣기만 해도 알 수 있지만 뜻을 사전적으로 풀의하자면 특정한 작업을 하기 위해서 사용하는 기호를 의미합니다.

작업의 종류에 따라 대입 연산자, 산술 연산자, 비교 연산자, 논리 연산자 등이 있습니다. 

 

하지만 우리는 초보 코딩러! 가장 기초적인 연산자에 대해서 알아보겠습니다.

 

산술 연산자

수학적인 계산에 사용되는 연산자입니다. 수학 연산자와 기호가 약간 다르므로 아래 이미지를 살펴보겠습니다.

노란색으로 표시된 부분이 프로그래밍과 수학의 기호가 다른 연산자입니다. 꼭 기억해둡시다!

+ 연산자

산술 연산자 중 + 연산자는 +를 기준으로 좌우에 숫자가 아닌 문자나 변수등이 오면 더하기가 아닌 연결 연산을 합니다.

var subject = 'css';
var score = 100;
console.log(subject + '과목 성적은' + score);

결과값 
css과목 성적은 100

%  나머지 연산자

나머지 연산자는 반복적인 숫자 구간의 패턴, 조건문을 이용한 짝, 홀수의 판단, 배수 판단등의 식을 만드는데 사용합니다.

// var dividend = 0;
// var dividend = 1;
// var dividend = 2;
// var dividend = 3;
// var dividend = 4;
// var dividend = 5;
var remainder = dividend % 3;
console.log(remainder); 

결과값
// 0, 1, 2 , 0, 1, 2



++ 연산자

++, -- 연산자는 변수의 값을 1씩 증가시키거나 감소시키는데 사용하는 연산자입니다. 이 연산자는 변수의 앞쪽이나 뒤쪽에 붙여 사용할 수 있습니다.

var score = 10;
++score; // 11;
score++; // 12;
console.log(score); //12

대입 연산자

대입 연산자 =는 같다의 의미가 아니라 변수에 대입(저장)을 의미합니다.

+= 연산자는 +연산자처럼 좌변과 우변에 숫자가 아닌 문자나 변수 등이 오면 기존 데이터에 새로운 데이터를 연결하여 누적합니다.

var str = '자바스크립트';
var str += '제이쿼리'; // str = '자바스크립트' + '제이쿼리'
console.log(str); // 자바스크립트 제이쿼리

비교 연산자

비교 연산자는 값을 비교하여 결과 값을 boolean(논리)값인 true나 flase로 반환합니다.

논리 연산자