연산자

산술연산자

산술연산자는 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)가 있습니다. 산술연산자로 연산을 하기 위해서는 연산 대상 데이터가 반드시 2개 있어야 합니다.

종류

기본형

설명

A+B

더하기

A-B

빼기

A*B

곱하기

A/B

나누기

A%B

나머지

<script>
    var num1 = 15;
    var num2 = 100;
    var result = 400;
    
    result = num1 + num2; //115
    document.write(result,"<br />");
    
    result = num1 - num2; //-85
    document.write(result,"<br />");
    
    result = num1 * num2; //1500
    document.write(result,"<br />");
    
    result = num1 / num2; //0.15
    document.write(result,"<br />");
    
    result = num1 % num2; //15
    document.write(result,"<br />");
</script>

대입연산자

대입 연산자는 연산된 데이터를 변수에 저장할 때 사용합니다. 복합대입 연산자(+=,-=,*=,/=,%=)는 산술 연산자와 대입 연산자가 복합적으로 적용된 것을 말합니다.

종류

풀이

A = B

A += B

A = A + B

A *= B

A = A * B

A /= B

A = A / B

A %= B

A = A % B

<script>
    var num1 = 100;
    var num2 = 200;
    
    //num1 = num1 + num2;
    num1 += num2;    //300
    document.write(num1,"<br />");
    
    //num1 = num1 - num2;
    num1 -= num2;    //100
    document.write(num1,"<br />");
    
    //num1 = num1 * num2;
    num1 *= num2;    //20000
    document.write(num1,"<br />");
    
    //num1 = num1 % num2;
    num1 %= num2;    //0
    document.write(num1,"<br />");
</script>

대입연산자 테이블

여러 개의 문자형 데이터로 저장된 HTML 태그를 복합 대입 연산자를 이용하여 하나의 문자로 결합해 화면에 출력할 수 있습니다.

<body>
    <script>
        var str = "<table>";
        str += "<tr>";
        str += "<td>1</td>";
        str += "<td>2</td>";
        str += "</tr>";
        str += "</table>";

        document.write(str);
    </script>
    <!--
    <table>
        <tr>
            <td></td>
        </tr>
    </table>-->
</body>

증감연산자

증감 연산자에는 숫자형 데이터를 1씩 증가시키는 증가 연산자(++)와 반대로 1씩 감소시키는 감소 연산자(--)가 있습니다. 증감 연산자는 앞에서 배운 연산자와는 달리 피연산자가 한 개만 필요한 단항 연산자 입니다. 증감연산자는 변수의 어느위치에 오는가에 따라 결괏값이 달라집니다.

기본형 1변수의 값을 1만큼 감소시킵니다. . 변수--; 또는 --변수;

2 변수의 값을 1만큼 증가시킵니다. . 변수++; 또는 ++변수;

    let num1 = 10; //전역변수 num1에 숫자 10을 할당
    let num2 = 20; //전역변수 num2에 숫자 20을 할당
    let num3 = 20; //전역변수 num3에 숫자 20을 할당
    let rusult;
    
    document.write(num1,"<br>");//10
    
    num1--;
    document.write(num1,"<br>");//9
    
    num1++;
    document.write(num1,"<br>");//10
    
    rusult = num2++;
    document.write(rusult,"<br>");//20
    document.write(num2,"<br>");//21
    
    rusult = ++num3;
    document.write(rusult,"<br>");//21
    document.write(num3,"<br>");//21

function func1(){
    let result, a = 100, b = 200, c = 300;
    result = a < b ? ++b : --c;
    document.write(result);
}
func1();

function func2(){
    let hap, j , k, l;
    j = k = l = 0;
    hap = ++j + k++ + ++l;
    document.write(j);
}
func2();

function func3(){
    let i=10, j=10, k=30;
    i /= j; // i = i / j // i = 1
    j -= i; // j = j - i // j = 9
    k %= j; // k = k % j // k = 3
    document.write(i);
    document.write(j);
    document.write(k);
}
func3();

비교연산자

비교연산자는 두데이터를 '크다, 작다, 같다'와 같이 비교할 때 사용하는 연산자입니다. 연산된 결괏값은 true(참) 또는 false(거짓로 논리형 데이터를 반환합니다.

연산자

예시

설명

x == y

좌변과 우변이 같다

===

x === y

좌변과 우변이 같다 데이터형도 같다

x != y

좌변과 우변이 다르다

!==

x !== y

좌변과 우변이 다르다 데이터형도 다르다

x > y

좌변이 우변보다 크다

x < y

좌변이 우변보다 작다

x >= y

좌변이 우변보다 크거나 같다

x <=y

좌변이 우변보다 작거나 같다

let a = 10;
let b = 20;
let c = 10;
let f = "20";
let result;

result = a > b;
document.write(result, "<br>");     //false

result = a < b;
document.write(result, "<br>");    //true

result = a <= b;
document.write(result, "<br>");    //true

result = b == f;
document.write(result, "<br>");    //true

result = a != b;
document.write(result, "<br>");    //true

result = b === f;
document.write(result, "<br>");    //false

논리연산자

논리 연산자에는 ||(or), &&(and), !(not)이 있으며, 논리 연산자는 피연산자가 논리형 데이터인 true 또는 false로 결괏값을 반환합니다.

종류

예시

설명

X && Y

둘다 true인 경우 true를 반환합니다

X || Y

둘 중의 하나 이상이 true인 경우 true를 반환합니다.

반대 값을 반환합니다.

let a = 10;
let b = 20;
let m = 30;
let n = 40;
let result;

result = a > b || b >= m || m > n;   //false || false || false //false
document.write(result, "<br>");

result = a > b || b >= m || m <= n;  //false || false || true  //true
document.write(result, "<br>");

result = a <= b && b >= m && m <= n;  //true && false && true  //false
document.write(result, "<br>");

result = a <= b && b <= m && m <= n;  //true && true && true // true
document.write(result, "<br>");

result = !(a > b);  //!false --> true
document.write(result, "<br>");

연산자 우선순위

일반적인 산수를 연산할 때처럼 연산자에도 우선순위가 있습니다. 예를 들어 '2+(1*3)=5'와 같은 식입니다

적정 체중을 구하는 테스트기 만들기.

prompt

//        let userHeight = 180;
//        let userWeight = 74;
//        
//        //평균 체중 = (신장 -100) * 0.9;
//        let normal = (userHeight - 100) * 0.9;
//        
//        document.write(normal);

let name = prompt("당신의 이름은?", "");
let height = prompt("당신의 신장은?", ""); 
let weight = prompt("당신의 몸무게는?", "");

let nomal = (height - 100) * 0.9; //평균체중 값

document.write(name,"<br>");
document.write(height,"<br>");
document.write(weight,"<br>");

Previous객체 Next조건문

Last updated 5 years ago

hashtag산술연산자

hashtag대입연산자

hashtag대입연산자 테이블

hashtag증감연산자

hashtag비교연산자

hashtag논리연산자

hashtag연산자 우선순위

hashtag적정 체중을 구하는 테스트기 만들기.

hashtagprompt