JS_연산자

Front/JavaScript 2023. 4. 27.

연산자 종류
산술연산자 + - * / %(나머지 연산자)
증감연산자 ++ --
대입연산자 = += -= *= /= %=
연결연산자 +(문자열 결합)
비교연산자 ==(값만 비교, 자료형 무시) != ===(타입과 값을 같이 비교-> 권장사항) !== > >= < ㅡ=
논리연산자 && || !
조건연산자 조건 ? 실행문1 : 실행문2;

* / → 실제 나누기 연산 결과(몫X)

 / 나누기 연산자 (실제 나눈 값)

 ≠ === → 타입과 값이 모두 일치 시 true

(1) 산술 연산자 중 나누기 연산자
        //      / = 나누기 연산자로, 나눈 실제 값이 나오게 됨
        //      % = 나머지 연산자
(2) 비교 연산자 & 일치 연산자
        // == vs ===

        console.log(3=='3') // true
        console.log(3==='3') // false
(3) 삼항연산자
        // 리액트에서 중요함
        // 조건 ? 실행문1 : 실행문2
        
        let dinner = false

        // case1) 실행문 바로 실행
        dinner === true ? console.log('카페가실?') :console.log('밥드실?')
        
        // case2) 변수에 대입
        let question = dinner === true ? '카페갈래' : '밥먹을래'
        console.log(question)

        // (4) 논리연산자
        // && (and) vs || (or)

        // && -> 모두 참일 때 true를 반환, 하나라도 거짓이면 false반환
        // || -> 하나라도 참일 때 true

        console.log(3=='3' && 3==3) // 둘 다 참일 경우 true
        console.log(3=='3' && 3==='3') // 하나라도 거짓이라면 false
        console.log(3=='3' || 3==='3') // 하나라도 참이면 true

 

'Front > JavaScript' 카테고리의 다른 글

JS_함수  (0) 2023.04.27
JS_배열(Array)  (0) 2023.04.27
JS_형변환  (0) 2023.04.27
JS_자료형  (0) 2023.04.27
JS_변수  (0) 2023.04.27