[JavaScript] 배열과 객체

 

자바스크립트 배열은 다른 언어의 배열과 약간 다른 점이 있다. 

1. 배열 내부의 데이터 타입은 서로 달라도 된다.
2. 배열 크기는 동적으로 변경 가능하다.

JS의 배열 내에는 number, string, boolean 뿐 아니라 변수, 객체와 함수도 담을 수 있다.

 

 

배열 선언

1. 배열 리터럴 대괄호를 사용하여 선언

let arr = ['mon', 'tue', 'wed', 'thur', 'fri', 'sat', 'sun'];

let arr2 = [];
arr2[0] = 'first';
arr[1] = 2;
arr[2] = true;

※ 배열 리터럴 ([]) 사용해 선언하는 것을 선호

 

 

2. Array() 생성자 함수를 이용해 배열 선언

let arr = new Array('mon', 'tue', 'wed');

let arr2 = new Array();

arr2[0] = 'mon';
arr2[1] = 'tue';
arr2[2] = 'wed';

let arr3 = new Array(3);

 

 

배열에 항목 추가하기

const week = ["mon", "tue", "wed"];

week.push("thur");

※ const로 선언하였는데 어떻게 배열에 항목을 추가할 수 있는 것인가?

 

  A: 배열의 경우 const로 선언하고 배열 내 항목을 추가하거나 삭제하는 것은 가능하다.

      하지만, week = ["hello"]; 처럼 배열 자체를 통째로 바꾸는 것을 불가능하다.

 

 

배열 안에 있는 요소 받아오기

: 인덱스를 이용해 배열 내 요소들을 가져올 수 있다.

: 인덱스는 0부터 시작이다.

const week = ["mon", "tue", "wed", "thur", "fri"];

console.log(week[0]);	// mon

 

 

객체

: 실생활에서 우리가 인식할 수 있는 사물

 

자바스크립트 객체

: 자바스크립트의 기본 타입은 객체

: 숫자, 문자열, boolean, undefined 타입을 제외한 모든 것이 객체

: 이름과 값으로 구성된 프로퍼티의 정렬되지 않은 집합

: 프로퍼티의 값으로 함수가 올 수 있으며, 이 프로퍼티를 메소드라고 한다.

 

 

객체의 프로퍼티 참조하는 방법

• 객체는 프로퍼티를 가진 데이터를 저장해주고 { }를 사용한다.
• 이때 각 프로퍼티와 값들을 작성 후에는 콤마(,)로 연결한다. 뒤에 데이터가 더 올 수 있기 때문이다.

const player = {
	name: "guswjd",
    points: 10, 
    fat: true,
}

console.log(player);
console.log(player.name);
console.log(player["name"]);

< 프로퍼티 불러오는 방법 >

• 객체이름.프로퍼티 이름
• 객체이름["프로퍼티이름"]

 

 

< 프로퍼티의 값 변경하는 방법 >

player.fat = false;	// success
player = false;	// error

※ const는 업데이트가 안되지만 리스트의 경우 전체를 변경하는게 아닌 속성 값을 수정 / 추가하는 경우 업데이트 가능

 

 

< 프로퍼티 추가하는 방법 >

player.koreanName = "코딩";