728x90
변수 및 데이터 타입
var sum;
var sum, a; // ,를 이용해서 여러 개를 한개의 문장으로 선언 가능
var x;
console.log(x); // -> undefined (변수를 선언하기만 하면 변수 안에는 정의되지 않았음을 뜻하는 undefined)
객체와 배열
var card = { suit: "하트", rank: "A"};
/* 배열 리터럴은 쉼표로 구분한 값을 대괄호로 묶어서 표현한다. */
var evens = [2,4,6,8];
/* 배열은 Array 생성자로도 생성할 수 있다. */
var evens = new Array(2,4,6,8);
/* 없는 배열 요소에 값을 대입하면 새로운 요소가 추가된다. */
var a = ["A", "B", "C"];
a[3] = "D";
console.log(a); // -> ["A", "B", "C", "D"]
/* push 또는 delete를 이용하여 요소를 추가하거나 삭제할 수 있다. */
a.push("D");
delete a[1]; // delete 연산자를 사용하여 배열의 요소를 삭제해도 그 배열의 length 프로퍼티 값은 바뀌지 않는다.
함수 정의하기
function square(x) {return x*x;}
return x * x; // return을 사용하는 경우에는 절대로 줄 바꿈을 하지 말 것.
let과 const
/* let 문은 블록 유효 범위를 갖는 지역 변수를 선언한다. */
let x;
/* const는 블록 유효 범위를 가지면서 한 번만 할당할 수 있는 변수를 선언한다. */
const c = 2;
/* const 문으로 선언한 변수에 다시 대입을 시도하면 타입 오류가 발생한다. */
c = 5; // Uncaught TypeError
/* const 문으로 선언한 상수 값은 수정할 수 없지만, 상수 값이 객체이거나 배열일 경우에는 프로퍼티 또는 프로퍼티 값을 수정할 수 있다. */
const origin = {x:1, y:2};
origin.x = 3;
console.log(origin); // -> Object {x:3, y:2}
생성자
function Card(suit, rank){
this.suit = suit;
this.rank = rank;
}
var card = new Card("하트", "A"); // 생성자로 객체를 생성할 때는 new 연산자를 사용한다.
'IT > Javascript' 카테고리의 다른 글
<HTML> Map 함수 사용 방법 (HTML에서의 반복문) (0) | 2024.05.23 |
---|---|
Props 문법에 대해서 알아보자 (0) | 2024.05.23 |
Next.JS의 컴포넌트 개념 (0) | 2024.05.22 |
Next.JS를 사용해보자 (0) | 2024.05.22 |
TypeScript 간단 정리 (0) | 2024.05.04 |