Javascript 본격 들어가기(2)

연산자

연산자는 말 그대로 덧셈 뺄셈 곱셈 나눗셈 등등입니다.

1) 산술 연산자

산술 연산자는 아래 표와 같습니다.

종류	기본형	설명
+	A+B	더하기
-	A-B	뺄셈
*	A*B	곱셈
/	A/B	나누기
%	A%B	나머지

코드를 통해 보시죠

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title> 산술 연산자 </title>
    <script>
        var num1 = 15;
        var num2 = 2;
        var result;
        result = num1 + num2;
        document.write(result, "<br>"); // 17
        result = num1 - num2;
        document.write(result, "<br>"); // 13
        result = num1 * num2;
        document.write(result, "<br>"); // 30
        result = num1 / num2;
        document.write(result, "<br>"); // 7.5
        result = num1 % num2;
        document.write(result, "<br>"); // 1
    </script>
</head>
<body>
</body>
</html>

result 변수에 num1과 num2를 위의 표의 연산자를 통해 결과를 구합니다.

마찬가지로 문자에대해서도 결합연산이 가능합니다.

예를 들어서 "I can"+"do it"="I can do it"입니다.

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> 문자결합 연산자 </title>
<script>
    var t1 = "I can";
    var t2 = " Do it ";
    var t3 = 8282;
    var t4 = " 어서 모이자";
    var result;

    result = t1 + t2 + t3 + t4; 
    document.write(result);
</script>
</head>
<body>
</body>
</html>

이런식으로 결합하게 되면 학교종이 땡땡땡 8282 어서 모이자 라는 결과가 나옵니다.

2) 대입 연산자

대입 연산자는 변수에 저장 할 떄 사용합니다.

종류	기본형
A=B	A=B
A+=B	A=A+B
A*=B	A=A*B
A/=B	A=A/B
A%=B	A=A%B

즉 간결하게 복합적으로 나타낸 것을 말합니다.

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> 복합 대입 연산자 </title>
<script>
        var num1 = 10;
        var num2 = 3;
        num1 += num2;
        document.write(num1, "<br>"); // 13
         
        num1 -= num2;
        document.write(num1, "<br>"); // 10
         
        num1 *= num2;
        document.write(num1, "<br>"); // 30
         
        num1 %= num2;
        document.write(num1, "<br>"); // 0 
</script>
</head>
<body>
</body>
</html>

마찬가지로 문자형에 대해서도 가능합니다.

3) 증감 연산자

데이터를 1씩 증가시키거나 1씩 감소시킬 때 사용합니다. 전위 후위가 있습니다.

표기는 A++ or ++A가 있습니다.

A++은 실행 후 증가입니다.

++A는 먼저 증가한 후 실행입니다.

4)비교 연산자

크거나 작다 등을 비교할 때 사용되는 연산자 입니다.

종류	설명	보충
A>B	A가 B보다 크다
A<B	A가 B보다 작다
A>=B	A가 B보다 크거나 같다
A<=B	A가 B보다 작거나 같다
A==B	A와 B는 같다	TRUE 반환
A!=B	A와 B는 다르다	TRUE 반환
A===B	A와 B는 같다	자료형도 동일 해야함
A!==B	A와 B는 다르다	자료형도 일치하지 않아야함

if문에 들어갈 조건들로 보시면 됩니다.

일치한다면 true를 반환합니다.

5) 논리 연산자

종류	설명
\|\|	OR연사자로 하나라도 TRUE이면 TRUE
&&	AND 연산자로 둘중 하나라도 FALSE이면 FALSE
!	NOT 연산자로 반대로 출력

위의 배운 것들을 토대로 실습을 해보겠습니다.

실습 주제: 평균 체중 구하기

평균 체중 계산법은 아시는 분들은 아실 겁니다.

평균체중=(신장-100)*0.9

*오차 +-5

//입력

출력 형태

이름:이정찬

신장: 181

체중:74

적정 체중: 72.9

//결과

결과: 이정찬님은 적정 체중 입니다.

*위 정보는 본인 정보입니다.

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> 적정 몸무게 구하기 </title>
<script>
    var name = prompt("이름", "");
    var height = prompt("신장", "0");
    var weight = prompt("몸무게", "0");
    
    var noweight = (height - 100) * 0.9;
    var result = weight >= noweight - 5 && weight <= noweight + 5;
    result = result ? "적정 체중입니다." : "적정 체중이 아닙니다.";
    document.write(name +"님은 "+ result);
</script>
</head>
<body>
</body>
</html>

입력받아 출력입니다.

result에는 +-5 오차로 해서 적용시켰습니다.

normal_w는 계산 공식입니다.

'웹 > JavaScript,JQurey' 카테고리의 다른 글

객체(수정) (0)	2018.09.07
제어문(선택문과 반복문) (0)	2018.09.06
제어문(조건문에 대해) (0)	2018.09.05
JavaScript 본격 들어가기(1) (0)	2018.08.17
개발환경 구축 (0)	2018.08.05

일	월	화	수	목	금	토
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28

플밍장군연구소(이정찬)