[자바스크립트] 변수, 연산자, 자료형

1. 변수란

var

나는 '변수다!'라고 선언해 주는 것

안써도 되는 경우도 있고, 전역변수, 지역변수, 매개변수 등 등 여러가지 변수의 종류가 있다

변수를 만든다라고 한다면 var로 시작한다고 정도만 이해

 

변수에 저장할 수 있는 값

-숫자

-문자

-Boolean (True/False)

-함수(작업을 수행하거나 값을 계산하는 문장 집합)

-배열(비슷한 성격의 값들을 하나의 변수에 저장)

-undefined(변수를 선언만 하고 값을 할당하지 않음.)

-null(변수를 선언하고, 'null'이라는 빈 값을 할당한 경우)

 

기본타입과 참조타입 

기본타입: 변수에 할당된 값이 실제로 변수가 가지고있는 평태

참조타입: 값을 포함하고 있는 형태

 

[기본타입의 종류]

종류	설명	사용예
숫자	숫자는 기본 타입이다	var i = 30;
문자	문자는 따옴표(" ")안에 넣어야한다.	var str = "abc";
불리언값(boolean)	true(참)와 false(거짓) 두 가지 값을 가진다.	var bool = false;
null	아무런 값도 가지지 않는 값	var n = null;
undefined	변수를 선언하고 값을 할당하지 않으면 undefined라는 값을 갖고 , null값과 동일	var u;

[참조타입의 종류]

종류	설명	사용예
객체(Object)	변수와 메서들르 한 곳에 모아주는 꾸러미 역할을 한다.	var obj = New Object()';
배열(Array)	여러 개 데이터를 원소로 가질 수 있는 데이터 집합	var arr = new Array();
함수(Function)	실행할 구문을 미리 정의해 놓고 호출하여 사용하는 실행부	function sum(a,b){ var c = a + b; sum(10,20);

 

2. 연산자

값을 계산하거나 증가 또는 감소 그리고 문자열을 이어 붙이는 등 다양한 연산을 처리

종류	설명	예시
+,-,*,/	더하기, 빼기, 곱하기, 나누기	1+1 결과값 2
+	더해지는 문자열을 이어서 붙여준다	var name1 = "java" var name2 = "script" name1+name2 결과값은 javascript
%	나누기 연산 후 나머지 값	5%2 결과값은 1
++	1씩 증가	var num = 1; num++ 결과값은 1 num++ 결과값은 2
--	1씩 감소	var num = 3; num-- 결과값은 2 num-- 결과값은 1
+=, -=, *=, -=, %=	연산과 동시에 값을 할당	var sum = 1; sum+=4 결과값은 5

 

 

+자바스크립트는 자동으로 자료형을 변환하는 경우가 많다 

더하기 연산자 같은 경우 문자열이 앞에 있든 뒤에있든 둘다 문자 취급

문자열 > 숫자

 

더하기를 제외한 나머지 사칙연산자

문자열 < 숫자

 

 

예시

<script>

  //문자열로 자동 자료형 변환

  console.log(12+34);             46

  console.log('12'+34);           1234 <문자취급

  console.log('12'+34);           1234 <문자취급

 

  //숫자로 자동 자료형 변환

  console.log('12'/2);              6

  console.log(12*'2');              24

  console.log('12'-'2');             10

</script>