Part 3. 자료형

10491 단어 JavaScriptJavaScript

프로그래머스💻

'Hello, JavaScript:자바스크립트 입문' 강의

⭐ 기본 자료형

📌 자료형이란?

: 변수에 저장할 수 있는 값의 종류

  • 자료형의 종류
  • number Type (숫자)
var a=100, b=3.14;
  • string Type (문자열)
var c="안녕하세요.", d="a";
  • boolean Type (맞다/틀리다 표현)
var e=true, f=false;

📌 typeof() 명령어

: typeof 뒤에 따라오는 괄호 안에 들어있는 변수의 type를 알려주는 명령어

var a=100;
console.log(a,typeof(a));
//100 "number"라고 출력

var c="안녕하세요";
console.log(c,typeof(c));
//안녕하세요 "string"라고 출력

var e=true;
console.log(e,typeof(e));
//true "boolean"라고 출력

🎈 실습

⭐ Number

📌 Number

: 숫자를 나타내는 자료형

  • 64bit로 실수(3.14)와 정수(-1,0,1) 모두 표현 가능
var a=100; #정수표현가능
var b=3.14; #실수표현가능
  • 정상적이지 않는 숫자나 표현할 수 없는 범위의 수를 표현하는 NaN, Infinity

📌 parseInt, parseFloat 명령어

  • 명령어 뒤에 따라오는 괄호 안에 있는 문자열의 앞에서부터 Number를 인식함
  • parseInt()
    : Int 정수형으로 자료형 변환
  • parseFloat()
    : Float 실수형으로 자료형 변환
  • 문자열 "1"과 1은 다름

  • 문자로 인식한 height를 숫자로 변환해주는 명령어인 parseInt, parseFloat를 사용하여 숫자형으로 바꿔주자!

  • 수학적 오류가 있는 경우 Infinity로 출력됨

⭐ String

📌 String

: 따옴표나('), 큰따옴표(")로 감싸서 문자열 표현
하지만 두개를 섞어서 쓸수는 없음!

SyntaxError : 잘못된 문법이라서 발생하는 에러!
따라서 꼭 시작점과 끝점을 동일하게 써야함!

📌 Escape Character

문자열 안에 따옴표, 큰따옴표 등의 문자를 활용하려면 escape character를 활용

  • escape character는 역슬래시()로 사용
  • 줄바꿈 : \n
  • 따옴표 : \'
  • 큰따옴표 : \"
  • 역슬래시 : \

🎈 실습

lecture06.js

var a='문자열은 따옴표로 둘러싸면 됩니다.';
var b="큰따옴표로도 문자열을 표현할 수 있습니다.";

var c="큰따옴표 문자열에는 따옴표 '를 사용할 수 있습니다.";
var d='따옴표 문자열에는 큰따옴표 "를 사용할 수 있습니다.';

var e="따옴표를 쓰고 싶다면 \'이렇게\' 사용하면 됩니다. 마찬가지로 \"큰따옴표\"도 쓸 수 있습니다.";
var f='따옴표를 쓰고 싶다면 \'이렇게\' 사용하면 됩니다. 마찬가지로 \"큰따옴표\"도 쓸 수 있습니다.';

var g="\\ 문자를 쓰고 싶다면 역슬래시를 두번 씁니다.";

var h="문자열에서 줄바꿈을 하고 싶다면, \n 역슬래시n을 사용합니다.";

var i=a+b;

var j="abcde";

index.html

<html>
	<head>
		<meta charset="utf-8">
		<script src="lecture06.js"></script>
	</head>
	<body>
		This is a basic HTML page
	</body>
</html>

⭐ Object

📌 Object

: number, string, boolean의 단순 자료형보다 더 복잡한 자료를 표현할 때 사용

객체를 만드는 법

  • 중괄호 {} 를 사용해 정의 가능

  • 객체는 속성의 집합으로 이뤄짐

  • 각 속성은 이름과 값으로 이뤄짐
    - 객체 정의 시 속성이름:값의 형태로 속성 정의 가능
    - 속성의 값은 모든 자료형이 가능, object 포함

객체의 속성에 접근하는 법

  • 객체 이름 뒤에 점(.)을 사용하고 속성 이름에 접근 할 수 있음
  • 객체 이름 뒤에 대괄호([]) 안에 속성 이름을 문자열로 접근할 수 있음

객체의 속성의 값을 변경하는 법

  • 객체 속성에 접근해서 변수에 값을 저장하듯이 사용

⭐ undefined와 null

undefined와 null이란, 값이 없다라는 뜻!

📌 undefined

: 시스템에서 어떤 변수나 속성이 정의되지 않은 경우를 표현하기 위해 사용

  • 선언만 하고 초기화가 되지 않는 변수의 타입이나 값
  • 객체의 정의되지 않은 속성의 타입이나 값

🎈 실습

lecture08.js

var uninitialized_var;

var obj={
			x:1,
			y:2
		};

📌 null

: 개발자가 명시적으로 아무것도 없는 비어있는 상태를 나타낼 때 사용

  • typeof의 결과는 object이며 값은 null
[RESTful Web Service]-5
Java 파일 흐름 종료 및 쓰레기 수거 메커니즘

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage