본문 바로가기
BOOK/자바스크립트

자료의 유형과 연산자

by "뭉치" 2021. 7. 30.
728x90

1. 자료의 유형

 

1.1 상수(Constant)

 

한번 정의되면 프로그램이 실행되는 도중에는 변하지 않는 유형이다. 쉽게 이야기하면 그냥 "수" 라고 생각하면 쉽겠다.

 

1.2 상수의 종류

 

1) 정수형 상수 - 소숫점이 없는 수(10진수, 8진수, 16진수)

   8진수 표현 : 010 -> 10진수로 8을 의미

   16진수 표현 : 0xf -> 10진수로 15를 의미

 

2) 실수형 상수 - 소숫점이 있는 수

3) 불리언형 상수 - 논리형 상수(결과값이 "참" 아니면 "거짓"인데 익스와 넷스는 그 값표현이 다른다.)

4) 문자열형 상수 - 큰/작은 따옴표안에 들어가 있는 문자열

5) null 상수 - 아무런 값도 없는 상수

 

2. 변수

 

프로그램 처리시 자료의 저장이나 처리 결과가 저장되는 하나의 기억공간이다. 따라서 상수와는 반대로 그 값이 어떻게 변할지는 며느리도 모른다.

 

2.1 변수의 사용규칙

 

1) 사용할수 있는 문자 : 영 대/소문자와 숫자, 밑줄

2) 변수명은 반드시 영문자나 밑줄로 시작되어야 한다.

3) 자바 스크립트는 대소문자를 구별한다.

4) 자바 스크립트의 고유명령(예약어)는 사용할수 없다. 단 변수명내에 포함되는 것은 상관없다.

 

2.2 변수의 사용범위

 

전역변수 : 프로그램 어디에서나 사용할수 있다. 그냥 쓰기만 하면 전역변수...

지역변수 : 특정 함수내에서만 사용되는 변수. 변수를 선언할 때는 반드시 var를 이용하여 선언한다.

 

 

3. 연산자

 

3.1 산술연산자

 

일반적으로 쓰이는 4칙연산자이다. 그래서 그냥 넘어가다다 "%"기호 하나만 보고 넘어가자.

이놈은 몫이 정수 일때 까지만 나누고나서 나머지를 구하는 연산자이다. 10%3 이라고 쓰면 결과값이 바로 1이다. 왜냐구요... 왜긴, 나머지닌까 그렇지...

 

3.2 관계 연산자

 

연산자 의     미
> 크다
>= 크거나 같다
< 작다
<= 작거나 같다
== 같다
!=(<>) 같지 않다

 

 

 

3.3 논리연산자

 

3.3.1 논리 연산자의 종류

 

 

논리곱(&&,&) 두 개의 조건이 모두 맞아야 결과가 참이 됨.
&& : 조건에 따라 연산생략기능 유
& : 연산 생략 기능 무
논리합(||,|) 두 개의 조건중 하나만 참이여도 결과가 참이됨.
|| : 연산생략 기능 유
| : 연산 생략 기능 무
논리부정(!) 논리값을 반전함.

 

 

자바스크립트에서 논리연산자의 기능 중 재미있는 기능 몇 가지가 있다.

 

먼저 논리곱 연산자는 논리 연산 생략이라는 의미가 있어 두 개의 조건중 앞의 조건이 거짓이면 뒤의 조건을 계산하지 않고 넘어간다. 예를 들면 아래의 소스를 실행하면 화면에 결과 값이 20 출력된다.

 

[예] 연산기능 생략 예

 

 

<SCRIPT LANGUAGE="JavaScript">
    age=20;
    gender='m';
 
    if(gender=='m' || ++age>20){
        document.write("age=" + age);
    }
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
    age=20;
    gender='m';
 
    if(gender=='m' | ++age>20){
        document.write("age=" + age);
    }
</SCRIPT>
age=20 age=21

 

 

 

 

[예] && 연산자

 

<SCRIPT LANGUAGE="JavaScript">

a=18;

s = "남자";

 

if(a>=18 && s=="남자") alert("입장가능");

else                   alert("우유더 드시고 오세요...");

</SCRIPT>

 

 

 

3.4 조건 연산자(삼항 연산자)

 

(조건) ? 변수1 : 변수2

 

if문과 유사한 기능을 수행한다. 즉, 조건이 참이면 변수1를 수행하고 조건이 거짓이면 변수2를 수행하여 그 결과를 전달한다.

 

[간단예] 두수중에 큰값을 찍어 보자.

 

<SCRIPT LANGUAGE="JavaScript">
  a=10, b=20;
  result=0;
  result = (a>b)? a : b;
  document.write("큰값=" + result);// 결과 20
</SCRIPT>

 

 

 

3.5 비트 연산자

 

자바스크립트에서는 잘 쓰이지 않는 연산자이다. 연산자 이름 그대로 비트단위로 연산하다.

 

 

비트곱(&) 두 개의 조건이 모두 맞아야 결과가 참이 됨.
비트합(|) 두 개의 조건중 하나만 참이여도 결과가 참이됨.
비트부정(~) 논리값을 반전함.
X<<Y X를 Y비트 만큼 왼쪽으로 이동. 빈공백은 0으로 채워짐
X>>Y X를 Y비트 만큼 오른쪽으로 이동. 왼쪽은 부호비트로 채워짐
X>>>Y X를 Y비트 만큼 왼쪽으로 이동. 빈공백은 0으로 채워짐

 

 

[간단예]

 

SCRIPT LANGUAGE="JavaScript">

  a= -7;

  r1 = a>>2;

  document.write(r1); // 결과 -2

</SCRIPT>

 

 

 

3.6 대입 연산자

 

대표적인 대입연산자는 “=”이다. 그 외에도 산술연산자와 병합되서 보다 편리하게 사용할 수 있도록 다양한 대입 연산자를 제공한다.

 

대표적으로 "a += b" 의 의미는 "a=a+b" 이다.

 

대입 연산자의 종류

 

연산자 간단예 연산자 간단예
+= a += b *= a *= b
-= a -= b /= a /= b
%= a &= b >>= a >>= b

 

 

 

3.7 연산자 우선 순위

 

괄호 -> 부정, 증감연산자 -> 산술연산자 -> 비트연산자 -> 관계연산자 -> 비트식 -> 논리연산자 -> 대입문

728x90

'BOOK > 자바스크립트' 카테고리의 다른 글

배열(Array)  (0) 2021.07.30
함수개요  (0) 2021.07.30
제어문  (0) 2021.07.30
자바 스크립트 작성 방법  (0) 2021.07.30
자바 스크립트 개요  (0) 2021.07.30

댓글