[JavaScript] 객체와 배열

객체란?

객체는 여러 개의 관련된 데이터를 하나의 단위로 묶어 표현하는 자료형이다.

객체는 프로퍼티(속성)와 메서드(동작)를 가질 수 있다.

배열이란?

컴퓨터 과학에서 배열은 번호(인덱스)와 번호에 대응하는 데이터들로 이루어진 자료 구조를 나타낸다.

일반적으로 배열에는 같은 종류의 데이터들이 순차적으로 저장되어, 값의 번호가 곧 배열의 시작점으로부터 값이 저장되어 있는 상대적인 위치가 된다.

---

객체 선언

// 객체 리터럴로 객체 생성
let person = {
  name: "John",
  age: 30,
  greet: function() {
    console.log("Hello, " + this.name);
  }
};

// 빈 객체 선언
let emptyObject = {};
let emptyObjects = new Object();

// 객체 프로퍼티 접근
console.log(person.name); // John
console.log(person.age);  // 30

// 객체 메서드 호출
person.greet(); // Hello, John

객체 선언

객체 프로퍼티 접근

let person = {
  name: "Alice",
  age: 25
};

// 점 표기법
console.log(person.name);  // Alice
console.log(person.age);   // 25

// 대괄호 표기법
console.log(person["name"]);  // Alice
console.log(person["age"]);   // 25

객체 프로퍼티 접근

객체 메서드 접근

let person = {
  name: "Alice",
  age: 25,
  greet: function() {
    console.log("Hello, " + this.name);
  }
};

person.greet();  // Hello, Alice

객체 메서드 접근

배열 선언

// 배열 리터럴로 배열 생성
let numbers = [1, 2, 3, 4, 5];

// 빈 배열 선언
let emptyArray = [];
let emptyArrays = new Array();

// 배열에 접근
console.log(numbers[0]);  // 1
console.log(numbers[2]);  // 3

배열 선언

배열 메서드 접근

let numbers = [1, 2, 3, 4, 5];

// push: 배열의 끝에 요소 추가
numbers.push(6);
console.log(numbers);  // [1, 2, 3, 4, 5, 6]

// pop: 배열의 마지막 요소 제거
numbers.pop();
console.log(numbers);  // [1, 2, 3, 4, 5]

// shift: 배열의 첫 번째 요소 제거
numbers.shift();
console.log(numbers);  // [2, 3, 4, 5]

// unshift: 배열의 첫 번째 위치에 요소 추가
numbers.unshift(1);
console.log(numbers);  // [1, 2, 3, 4, 5]

// forEach: 배열의 각 요소에 대해 함수를 실행
numbers.forEach(function(number) {
  console.log(number);  // 1, 2, 3, 4, 5
});

배열 메서드 접근

배열 안에 객체 저장

let students = [
  { name: "John", age: 22 },
  { name: "Jane", age: 24 },
  { name: "Mike", age: 23 }
];

// 배열 안의 객체에 접근
console.log(students[0].name);  // John
console.log(students[1].age);   // 24

배열 안에 객체 저장

객체 안에 배열 저장

let person = {
  name: "John",
  hobbies: ["Reading", "Traveling", "Swimming"]
};

// 객체 안의 배열에 접근
console.log(person.hobbies[0]);  // Reading
console.log(person.hobbies[1]);  // Traveling

객체 안에 배열 저장

 

 

참고 자료

https://ko.wikipedia.org/wiki/%EB%B0%B0%EC%97%B4

배열 - 위키백과, 우리 모두의 백과사전

https://likedev.tistory.com/entry/javascript-%EA%B0%9D%EC%B2%B4-%EC%83%9D%EC%84%B1-%EC%B6%94%EA%B0%80-%EA%B0%92-%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0#google_vignette

javascript 객체 생성, 추가, 값 가져오기

https://tesseractjh.tistory.com/103

[JS] 자바스크립트의 배열 생성 방법

혹시라도 틀린 내용이 있다면 댓글로 알려주시면 감사하겠습니다!!