[JS]자바스크립트 연산자 종류/예제/형변환 종류/사용방법

죠졍니 2022. 10. 7. 10:16

728x90

SMALL

연산자 종류

산술연산자	+ - * / : 실제나누기 연산결과 몫X % : 나머지 ** : 지수
증감연산자	++ --
대입연산자	= += -= *= /= %=
비교연산자	== : 동등연산자 (자동으로 자료형 변환 후 비교) : 숫자와 문자열 비교 시 문자열을 숫자로 변환 : 피연산자가 boolean일 경우 true는 1로 false는 0로 변환 : 객체와 숫자/문자열 비교시 객체를 기본 데이터타입으로 변환 : null과 undefined는 true 반환 === : 일치 연산자 : 타입 변환을 하지않고 정확히 값과 자료형을 비교 그 외 != !== > >= < <=
연결연산자	+(문자열 결합)
논리연산자	&& \|\| !
조건연산자	조건 ? 실행문1 : 실행문2

1. 산술연산자

2. 비교연산자
- == 는 서버에서 값을 가져올 때 숫자인지 문자인지 판별할 때 자주 사용

변수 num 값 중에서 백의자리 이하를 버리는 코드이다.

만일 변수 num의 값이 456이라면 400이 되고, 111이면 100이 되는 코드 작성

형변환

parseInt()	문자열을 숫자(정수)로 변경
parseFloat()	문자열을 숫자(실수)로 변경
Number()	다른 자료형을 숫자형(정수&실수)로 변경
toString()	숫자를 문자열로 변경

-> !!! console창에서 변경가능 !!!!

,(반점) : 결과값 글씨는 문자, parseInt쓴 곳은 숫자

+ : 전부 문자로 출력

각각 값이 '100'(문자열) , 200(숫자)인 num1,num2를 형변환 하여 결과값 출력

<최종코드>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //산술연산자
        console.log(10/3);
        console.log(10%3);

        //비교연산자
        // ==, != : 자료형을 자동으로 변환(ex. 문자열 -> 숫자)
        // ===, !== : 자료형도 확인
        console.log(10=='10');
        console.log(10==='10');
        console.log(10!='10');
        console.log(10!=='10');


        //변수 num 값 중에서 백의자리 이하를 버리는 실습
        let num=312;
        a=num-num%100;
        console.log("백의 자리 이하 버린 결과 >>"+a);
        // 또 다른 방법
        console.log("결과값 :",parseInt(num/100)*100);
        console.log("결과값 :"+parseInt(num/100)*100);


        // 각각 값이 '100' , 200인 num1,num2를 형변환 하여 결과값 출력
        let num1='100';
        let num2=200;
        console.log("100과 200의 더한 결과>>",parseInt(num1)+num2);
        //또 다른 방법
        console.log("100과 200의 더한 결과>>",Number(num1)+num2);
    </script>
</body>
</html>

728x90

LIST

저작자표시 (새창열림)