[2024.07.31 TIL] JS 자료형 및 연산자

JavaScript는 무엇인가?

 JAVA와 JavaScritpt는 전혀 상관없는 별개의 언어이다.

JS는 프로그래밍 언어인가 아닌가에 대해서도 의견이 분분하다. 하지만 중요치않다.

JS로 할 수 있는 건 무궁무진하고 오늘날에선 HTML, CSS와 함께 웹의 중요한 구성 요소 중 하나이다.

HTML, CSS가 내용과 구조를 정의하고 의미론을 추가하며 내용을 스타일링 한다면

JS는 페이지의 사용자와의 쌍방향 소통을 추가해 이미 로딩된 페이지에 실제적인 동작을 추가할 수 있으며 서버에서 데이터를 가져와 페이지에 업데이트할 수 있다.
ex) 메시지 팝업, 날짜와 시간 표기, 로그인 로그아웃 등

JavaScript의 DataType(자료형)

• Boolean - (true(참)와 false(거짓))
• Null - JS는 대소문자 구분, null은 Null, NULL 혹은 다른 변형과도 다르다
• Undefined - 값이 정의되어 있지 않은 최상위 속성
• Number - 정수 또는 실수형 숫자
• String - 문자열
• Symbol 인스턴스가 고유하고 불변인 데이터형
• Object - 객체 속성의 모음(key, value) (파이썬 딕셔너리, 자바 맵과 유사)

JavaScript의 연산자

• 비교 연산자

  동등(==) - 피연산자가 같으면 true 반환
  부등(!=) - 피연산자가 다르면 true 반환
  일치(===) - 두 피연산자의 값과 타입이 모두 같으면 true(엄격한 비교 연산자)
  불일치(!==) - 피연산자의 값 또는 타입이 서로 다를 경우 true
  큼(>) - 왼쪽 피연산자가 오른쪽 피연산자보다 크면 true
  크거나 같음(>=) - 왼쪽 피연산자가 오른쪽 피연산자보다 크거나 같으면 true
  작음(<) - 왼쪽 피연산자가 오른쪽 피연산자보다 작으면 true
  작거나 같음(>) - 왼쪽 피연산자가 오른쪽 피연산자보다 작거나 같으면 true

• 산술 연산자

  ( + | - | * | /) 표준 산술 연산자
  %(나머지) - 나머지 반환 ex) 12 % 5 -- 2반환
  ++(증가) - 피연산자에 +1
  --(감소) - 피연산자에 -1

• 비트 연산자

  비트 AND - a & b 각 자리 비트의 값이 1인 위치에 1 반환
  비트 OR - a | b 각 자리 비트의 값이 0인 위치에 0 반환
  비트 XOR - a ^ b 각 자리 비트의 값이 같은 위치에 0 반환 / 다른 위치에 1 반환
  비트 NOT - ~ a 피연산자의 각 자리의 비트를 뒤집는다.

• 문자열 연산자

  문자열 연결 연산자 (+) - 두 문자열의 값을 서로 연결한 새 문자열은 반환

• 할당 연산자

   할당 - x = y mean) x = y
   더하기 할당 - x += y mean) x = x + y
   빼기 할당 - x -= y mean) x = x - y
   곱하기 할당 - x **=* y mean) x = x * y
   나누기 할당 - x /= y mean) x = x / y
   나머지 할당 - x %= y mean) x = x % y
   거듭제곱 할당 - x ****= y mean) x = x ** y

• 논리 연산자

  논리 AND - (A && B) A가 false로 변환 가능하면 A반환, 그 외의 경우에는 B반환 boolean과 함께 사용시 둘 다 참일 때 true
  논리 OR - (A || B) A가 true로 변환 가능하면 A반환,그 외의 경우에는 B반환 boolean과 함께 사용시 둘 중 하나가 참일 때 true
  논리 NOT - (!A) 피연산자를 true로 변환할 수 있으면 false 반환 그 외에는 true 반환