티스토리 뷰

JavaScript

JavaScript 처음 배우기

조묵헌 2018. 5. 14. 17:09

변수 및 데이터 타입

자바스크립트의 기본적인 변수 및 데이터 타입

주석 (Comment) 사용하기

/*********************
* Multi
* Line
* Comment
*********************/

// Single Line Comment

변수 (Variables)

  • var 는 함수 스코프 변수
  • let 은 블록 스코프 변수 (ES6)
  • const 는 블록 스코프 상수 (ES6)
var age = 10;
var name = "Alice", age = 10;

원시(Primitive) 데이터 타입

String - 문자열 이스케이프를 위해 \n, \r, \t, \', \\ 등을 사용할 수 있습니다.

// Number
var userWeight = 60.25;
var fontColor = 0xfff;  // 16진수
var c = 3.0e6;          // 지수 (3.0 x 10^6)
var inf = Infinity;     // 무한대 (숫자형 리터럴은 아님)
var nan = NaN;        // Not a Number

// String
var myName = "Alice"
var message = 'I\'m here';
const hello = `Hello ${myName}`;  // ES6

// Boolean
var isTrue = true;

// undefined
var user;

// null
var MyClass = null;

객체(Object) 데이터 타입

// Function
function myFunction(params) {
  return result;
}
myFunction(args);

// Object
function MyClass(params) {
  this.params = params;
}
var myClass = new MyClass(args);
  • 배열 (Array)

배열은 기능이 추가된 특수한 형태의 객체입니다.

var arr = ["Alice", 10, true];

// 배열 요소의 개수 구하기
arr.length;  //=> 3

//배열 요소 접근
arr[0];              //=> 'Alice'

// 마지막 요소에 접근
arr[arr.length - 1]; //=> true

// 배열 요소에 새 값을 할당하기
arr[2] = false;      // arr는 ["Alice", 10, false]
  • 날짜 (Date)

날짜 및 시간을 표현하기 위한 객체입니다.

/* 날짜 객체 생성하기 */
const now = new Date();
now;  // Fri Dec 16 2017 00:~~~~

// 특정 날짜에 해당하는 객체 생성
// month는 0부터 카운트하므로 11은 12월을 뜻한다.
const christmas = new Date(2018, 11, 25);

데이터 타입 변환

/* 암시적 형변환 */
var a = 42+"42";     // a: "4242"
var a = true+"42";   // a: "true42"
var a = true+42;     // a: 43


/* 숫자로 형변환 */
// 문자를 숫자로 변환
parseInt("42");
const a = parseInt("10 times", 10);  // 10
parseFloat("23.42");
Number("23.42");

// 날짜 객체를 숫자로 변환
var d = new Date();
var ts = d.valueOf();      // UTC 1970/1/1 기준 밀리초


/* 문자로 형변환 */
var n = 15;
n.toString();       // "15"
n.toString(16)      // "f"
n.toFixed(1)        // "15.0"
String(n);          // "15"


/* 불리언으로 형변환 */
var n = 0;         // falsy value
var bool = !!n;    // false

'JavaScript' 카테고리의 다른 글

JavaScript 처음 배우기 : 연산자 조건문 반복문  (0) 2018.05.14
JavaScript 처음 배우기  (0) 2018.05.14
댓글
댓글쓰기 폼