IT/Javascript

간단한 자바스크립트 정리

BronxBomber 2024. 5. 2. 17:41
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