ss__jae2
타닥타닥 IT
ss__jae2
전체 방문자
오늘
어제

Github

  • 타닥타닥 IT (179)
    • 웹개발 (86)
      • JAVA (23)
      • DBMS (6)
      • HTML (9)
      • CSS (7)
      • JavaScript (12)
      • JSP (14)
      • Spring (15)
    • FrontEnd (63)
      • HTML (5)
      • CSS (12)
      • JavaScript (16)
      • React.js (14)
      • Node.js (16)
    • API (5)
    • SQLD (21)
      • SQLD (1)
      • 1과목 데이터 모델링의 이해 (11)
      • 2과목 SQL 기본 및 활용 (9)
    • CS Study (4)
      • 네트워크 (4)

공지사항

최근 댓글

최근 글

반응형
hELLO · Designed By 정상우.
ss__jae2

타닥타닥 IT

FrontEnd/JavaScript

[JavaScript] 자바스크립트 연산자

2022. 9. 16. 01:29
반응형

* 자료형, 형변화, 연산자 참조

https://tadaktadak-it.tistory.com/75?category=1024177 

 

[JavaScript] 자료형, 형변환, 연산자, NaN

1. 자료형(값의 타입) - 자바 스크립트에서는 변수의 타입은 따로 없고 값의 타입만 있다. 숫자(Number) - 정수와 실수를 구분하지 않음 문자열(String) - 큰 따옴표와 작은 따옴표의 차이가 없음 불린(

tadaktadak-it.tistory.com

1. 자바스크립트 연산자

  • 산술연산자
    + 덧셈, - 뺄셈,  * 곱셈,  / 나누기, % 나머지
  • 문자열연산자
    - 문자열 + 문자열, 숫자 + 문자열, 문자열 + 숫자 ... 문자열 + ...
    - 무조건 문자열로 결과값 나옴
  • 증감연산자
    - 숫자를 1 or n 씩 증가(누적) i++;
    - 숫자를 1 or n 씩 감소(누적) i--;
  • 삼항연산자
    (조건식) ? (참일때 값) : (거짓일 때 값)
    - a == b ? true : false;
    - 참이면 true 거짓이면 false
  • 논리연산자
    - a && b (and) - 둘다 참일 때 참 그외 다 거짓
    - a || b (or) - 둘다 거짓일 때 거짓 그외 다 참
  • 부정연산자
    - !true = false
    - !false = true;
  • 비교연산자
    ==, ===, !=, !==
    == : 타입이 달라도 값이 같으면 참
    != : 값이 달라야 참
    === : 타입과 값이 둘 다 같아야 참
    !== : 타입이나 값이 다르다면 참
  • 대입연산자
    a = b

2. 연산자 사용 예시

<script>
    // 산술연산(사칙연산)
    var n1 = 1 + 2;
    var n2 = 5 - 3;
    var n3 = 2 * 4;
    var n4 = 6 / 4;
    console.log("산술연산(사칙연산)");
    console.log({n1,n2,n3,n4});

    // 산술연산(나머지 연산)
    var n5 = 7 % 3;
    console.log("산술연산(나머지 연산)");
    console.log("7 % 3 = " + n5);

    // 짝수, 홀수 찾기
    var n6 = 4 % 2; // ??? 0이면 짝수
    var n7 = 5 % 2; // ??? 1이면 홀수
    console.log("짝수/홀수 찾기");
    console.log({n6,n7})

    // 비교 연산자
    console.log("비교 연산자");
    console.log(100 == 10 * 10);    // ?? true
    console.log(6 != 2 * 2);        // 6 == 2 * 2에 부정
    console.log(2 * 5 > 3 * 3);     // true
    console.log(6 * 3 <= 2 * 9);    // true

    // 논리 연산자
    // and
    console.log("논리 연산자 and");
    console.log(true && true);      // 참
    console.log(true && false);     // 거짓
    console.log(false && true);     // 거짓
    console.log(false && false);    // 거짓

    // or
    console.log("논리 연산자 or");
    console.log(true || true);      // 참
    console.log(true || false);     // 참
    console.log(false || true);     // 참
    console.log(false || false);    // 거짓

    // not
    console.log("논리 연산자 not");
    console.log(!true);     // 거짓
    console.log(!false);    // 참

    // 비교연산자
    console.log("비교 연산자 ==");
    console.log(0 == 0);        // 참
    console.log(0 == '');       // 참
    console.log(0 == false);    // 참
    console.log(0 == []);       // 참

    // ===
    console.log("비교 연산자 ===");
    console.log(0 === 0);       // 참
    console.log(0 === '');      // 거짓
    console.log(0 === false);   // 거짓
    console.log(0 === []);      // 거짓

    console.log("1 == 1 : " + (1 == 1));
    console.log("1 == '1' : " + (1 == '1'));

    console.log("1 === 1 : " + (1 === 1));
    console.log("1 === '1' : " + (1 === '1'));
</script>

반응형
저작자표시 (새창열림)

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

[JavaScript] JavaScript 함수  (0) 2022.09.22
[JavaScript] JavaScript 배열  (0) 2022.09.22
[JavaScript] 자바스크립트 조건문(삼항연산자), 반복문  (1) 2022.09.20
[JavaScript] 자바스크립트 변수, 자료형  (0) 2022.09.16
[JavaScript] 자바스크립트 개요, 작성 방법, 출력  (0) 2022.09.16
    'FrontEnd/JavaScript' 카테고리의 다른 글
    • [JavaScript] JavaScript 배열
    • [JavaScript] 자바스크립트 조건문(삼항연산자), 반복문
    • [JavaScript] 자바스크립트 변수, 자료형
    • [JavaScript] 자바스크립트 개요, 작성 방법, 출력
    ss__jae2
    ss__jae2

    티스토리툴바