[Javascript] 객체 Object, 배열 Array

객체(Object)와 배열(Array)

JavaScript에서 객체(Object)와 배열(Array)은 둘 다 데이터를 저장하고 다루는 데 사용되는 자료구조입니다. 

그러나 두 자료구조는 목적과 사용법에서 몇 가지 중요한 차이가 있습니다.

 

 

객체 (Object)

객체는 이름이 지정된 속성의 집합. 이러한 속성들은 객체의 특성이나 특징을 나타냅니다.
→ 객체는 중괄호({})를 사용하며, 속성들은 쉼표로 구분되어 정의됨.

→  객체 속성에 접근시, 속성 이름을 사용

let 사람 = {
    이름: '홍길동',
    나이: 30,
    성별: '남성'
};
//객체 속성에 접근시, 속성 이름을 사용

/* 
  객체(object) = 변수(property) + 함수(method);

  새 객체를 생성
  var 객체명 = {}   //빈 객체를 생성
  객체명.변수명 = 값;

  객체 생성과 동시 값을 할당
  var 객체명 = {변수:값, 변수:값, ...}
  */
 /*
  var s1 ={};
 s1.kor = 100;
 s1.eng = 80;
 s1.math = 90;
 */

 var s1 = {
  kor:100,
  eng:80,
  math:90,
  total:function(){
      var sum = this.kor+this.eng+this.math;
      return sum;
  }
 }

 

 

배열 (Array)

배열은 순서가 있는 항목들의 리스트로, 각 항목은 순서에 따라 인덱스로 접근할 수 있습니다.
→  배열은 대괄호([])를 사용하며, 각 항목은 쉼표로 구분되어 정의됨.

→  배열 항목에 접근시, 인덱스 사용 (0부터 시작)

let 과일 = ['사과', '바나나', '딸기'];

//배열 항목에 접근시, 인덱스 사용

/* 
새 배열 생성
var 배열명 = [];   //빈 배열
배열명[0] = 값;
배열명[1] = 값;

배열을 만듦과 동시에 값 생성
var 배열명 = [값, 값, 값....]
*/

var mynums = [];
mynums[0] = 2;
mynums[1] = 5;
mynums[2] = 10;
console.log(mynums);
console.log(mynums[2]);
console.log(mynums.length);  //length 갯수


var frontlangs = ['html','css','javascript'];
console.log(frontlangs[1]);
console.log(frontlangs.length);

 

객체(Object)와 배열(Array) 차이점

	객체(Object)	배열(Array)
구조	키와 값의 쌍으로 이루어진 속성들의 집합	배열은 순서가 있는 값들의 집합
접근 방법	객체는 실제 세계의 개념을 표현	순차적인 데이터를 다룰 때 주로 사용

이러한 차이점을 이해하면, 적절한 자료구조를 선택하여 데이터를 구성하고 다루는 데 도움이 됩니다.