본문 바로가기
HTML

자바스크립트 데이터형 연산자

2021. 1. 22. 16:05

자바스크립트 데이터형 연산자

자바스크립트에서 상수, 변수, 특수문자 등 문자열의 데이터를 어떻게 처리하는지와 각 데이터를 통해 처리되는 연산, 등 연산자에 대한 정보입니다. 보통 데이터라고 하면 여러 가지 지표 등을 떠올릴 수도 있지만, 컴퓨터에서는 정보를 표현하는 것으로 이해할 수 있습니다. 데이터형과 연산자 등을 살펴보았습니다. 

 

 

 

자바스크립트 데이터 형

각 데이터는 다양하고 방대한 형식으로 표현이 가능합니다. 자바스크립트에서 데이터 형은 상수와 변수로 구분할 수 있습니다. 상수는 흔히 잘 아는 정해져 있는 것으로 이해할 수 있습니다. 그래서 프로그램이 실행되면 변하지 않고 일정하게 유지되는 자료형입니다. 자바스크립트에서 사용되는 상수는 정수형, 실수형, 문자형, 논리형, null형 등이 있습니다. 

상수 내용
정수형 상수 소수점을 갖지 않는 숫자형 데이터입니다. 
주로 잘아는 10진법의 숫자들과 8진수, 16진수가 있습니다.
8진수를 표현할 때는 0을 숫자앞에 붙여주고, 16진수를 표현할 때는 0x로 표현합니다. 
실수형 상수 소수점 또는 지수로 표현되는 데이터입니다.
정수형 상수에 비해 넓은 범위의 수를 표현할 수 있다는 장점이 있습니다. 
부동소수점형 상수로도 불립니다. 
문자형 상수 1개 또는 그 이상의 문자들을 인용부호로 묶어 놓은 데이터입니다. 
인용부호로 큰 따옴표인 " 또는 작은 따옴표인 '를 이용합니다. 
논리형 상수 부울형 상수라고도 하는데, 참과 거짓을 나타냅니다.
True, False 값으로 표현하고 1비트의 숫자값을 가지게 됩니다. 
주로 관계연산자의 결과 값이나 함수의 반환 값으로 많이 사용합니다. 
널형 상수 Null의 형식으로 값은 존재하지만, 크기는 0이라고 하는 상수로 철학 개념으로 봅니다. 
주로 불필요한 데이터들을 저장하거나 처리할 때 사용하게 됩니다. 

그다음은 변수입니다. 변수는 프로그램이 실행되었을 때 처리 대상이 되는 자료 또는 처리된 결과를 기억시켜줄 장소의 이름을 말합니다. 위에서 언급했지만 상수는 값이 그대로인 반면 변수는 프로그램이 실행되면서 값이 변하게 됩니다. 보편적으로 프로그래밍 언어들이 형에 대한 엄격한 기준들이 많은데, 자바스크립트는 기준이 까다롭지 않기 때문에 형에 대해 각각 명시하지 않아도 됩니다. 오히려 형이 변경될 수도 있어서 자유롭게 바꿔서 사용할 수 있습니다. 그래서 일부 변수를 정의할 때 필요한 규칙이 있습니다. 

 

 

 

변수 정의 규칙

  • 영문자 대문자를 이용하고, 소문자와 숫자 0~9까지, 그리고 언더바_ 밑줄 표시를 사용해야 합니다. 
  • 변수의 첫 번째 등장하는 글자는 반드시 영문이거나, 밑줄 표시로 시작해야 합니다. 
  • 변수명은 대소문자를 구분합니다.
  • 자바스크립트의 키워드 예약어와 같이 중복되는 변수명은 이용할 수 없습니다. 
  • 변수명에 +, - 와 같이 연산기호를 추가할 수 없습니다. 
  • 변수명에 공백을 넣을 수 없습니다. 밑줄을 활용할 수 있겠습니다. 

위에서 말한 자바스크립트 예약어가 변수명에 포함될 수 없다고 했습니다. 변수명뿐만 아니라 함수 이름, 객체 이름 등 전부 이용이 안되어 참고해두는 것이 필요합니다. 

abstract boolean break byte case catch char
class const continue default delete do double
else extends false final finally float for
function goto if implements import in instanceof
int interface labeled long native new null
package private protected public return short static
super switch synchronized this throw throws transient
true try typeof var void while with

그리고 자바스크립트에서 특수문자도 다른 프로그래밍 언어와 같이 공통적으로 사용하고 있습니다. 특수문자는 n, b, r, t, ", ' 등이 있습니다. n의 경우 줄 바꿈, b의 경우 백스페이스, r의 경우 캐리지 리턴, t는 탭, 큰따옴표와 작은따옴표를 각각 표현하고 있습니다. 

 

자바스크립트 연산자

연산자 operator는 자바스크립트로 연산을 할 경우에 사용하는 연산자입니다. 연산자의 종류에는 산술 연산자, 대입 연산자, 비교 연산자, 비트 연산자, 논리 연산자, 문자열 연산자 등이 있습니다. 각 의미는 C언어에서의 사용과 비슷함을 알 수 있습니다. 

연산자 내용
산술연산자 기본적으로 수치연산을 위한 연산자를 말합니다. 
대표적으로 연산도구인 +, -, *, / 등이 있습니다. 
음수를 표현할 수도 있는데 앞에 -를 붙여주면 됩니다. 
나머지를 표현할 수도 있는데 %로 붙여주면 나머지 값을 의미합니다. 
비교연산자 두 개의 관계를 비교해서 참인지 거짓인지를 판단하는 연산자입니다. True, False.
주로 반복문의 구조에서 찾아볼 수 있는데 for문과 while이 있겠습니다. 
크거나 같다, 작거나 같다 등의 연산자는 등호가 뒤로 가게 합니다. (>=, <=, !=, ==)
논리연산자 조건연산자로 조건이 참인지 거짓을 판단 후 그에 맞는 결과값을 출력합니다. 

!는 논리부정으로 거짓일 경우 참을, 참일 경우 거짓을 표현합니다. 
&&는 일반적으로 그리고 and를 나타냅니다. | |는 또는 or을 나타냅니다. 
^는 배타적 or로 논리합을 나타내고, ?:는 조건 논리를 계산합니다. 
대입연산자 숫자계산할 때 많이 보던 대입으로 계산식을 줄이고 간결한 코드를 구성할 수 있습니다. 
일반적으로 =가 뒤에 위치합니다.

+=는 값을 증가시키고 대입하고, -=는 값을 감소시키고 대입합니다.
*=는 값을 곱해서 대입하고, /=는 값을 나누어 대입, %=는 값을 나눈 나머지를 대입합니다. 
비트연산자 비트 단위로 계산하는 연산자입니다. 비트단위로 계산하기 때문에 2진수로 변환하고 비트 단위로 조작하는 연산자입니다. 비트 연산자의 피 연산자는 반드시 정수형이어야 합니다. 
비트연산자도 & and, |는 or, ^는 비트 배타적 or입니다. 
~는 1의 보수를, <<는 비트 좌측 시프트, >>는 비트 우측 시프트 부호포함 (양수 음수), >>>는 비트 우측 시프트로 부호제외하고 양수만 해당합니다. 
증감연산자 변수의 값이 일정한 크기로 계속 증가하거나 감소할 때 이용하는 연산자입니다. ++는 피연산자가 증가, --는 피연산자가 감소됨을 알 수 있습니다. 
문자열연산자 문자열과 문자열 사이에 사용되는 연산자입니다. +는 문자열을 하나로 합치고, +=는 문자열을 더해서 대입하게 됩니다. 

보통 숫자 계산을 하더라도 우선순위가 있는 것처럼 연산자의 종류가 다양한 만큼 연산자 우선순위가 있습니다. 일반적으로 괄호가 있는 경우 우선적으로 진행되고, 좌측부터 우측으로 연산이 수행되는 것도 동일합니다. 

 

연산자의 우선순위는 첫 번째가. 과 괄호 (), []입니다. 점과 소괄호, 대괄호가 우선입니다. 그리고 2순위는!, ~, ++, --입니다. 3순위는 *과 /, 그리고 %가 있습니다. 4순위는 +와 -입니다. 5순위는 <<, >>, >>>입니다. 6순위는 <>, <=, >=이고, 7순위는 ==,!=입니다. 8순위는 &, 9순위는 ^, 10순위는 |입니다. 11순위는 &&, 12순위는 | |, 13순위는?:입니다. 14순위는 =, +=, -=, *=, /=, %=, <<=, >>=, >>>=, &=, ^=, |= 등이 있습니다. 마지막 15순위는 , 입니다. 

 

코드의 가족을 위해 연산자들이 많은데, 결국 연산이 복잡할 경우 괄호를 이용해서 정확하게 해주는 것을 추천합니다. 이상 자바스크립트의 데이터형 연산자들을 살펴보았습니다. 

 

 

 

자바스크립트 제어문 반복문

 

자바스크립트 제어문 반복문

자바스크립트에서 사용하는 제어문 if else, switch, break, continue, for in, return, new, this, with 그리고 반복문 do while, for 등의 정보를 제공합니다. 일반적으로 프로그래밍 언어를 배우다 보면 보이는..

ttoki.tistory.com

자바스크립트의 함수와 객체

 

자바스크립트의 함수와 객체

자바스크립트에서 사용하는 내장 함수, 정의 함수, 변수와 객체에 대한 정보입니다. 다른 프로그래밍 언어들과 함수가 비슷하고, 객체 기반의 언어이기 때문에 객체에 대한 정의가 필요합니다.

ttoki.tistory.com

 

'HTML' 카테고리의 다른 글

자바스크립트의 함수와 객체  (0) 2021.01.24
자바스크립트 제어문 반복문  (0) 2021.01.23
정보보호의 역사  (0) 2021.01.21
CSS 스타일시트 배경 글꼴 정렬방법  (0) 2021.01.20
CSS 스타일시트 기초  (0) 2021.01.20

댓글