JavaScript 5. 배열(array)와 객체변수

데이터를 나열하여 저장하는 배열과 연관데이터 저장에 유용한 객체변수에 대해 알아보자 🙌

배열 (Array)

배열은 하나의 변수에 데이터 타입에 상관없이 여러 개의 값을 저장하는 것을 말한다.
일반 변수를 이용하여 1월부터 12월까지 저장하려면 총 12개의 변수를 생성해야 한다.

	let jan = "1월"
        let feb = "2월"
        let mar = "3월"
        let apr = "4월";
        let may = "5월";
        let jun = "6월";
        let jul = "7월";
        let aug = "8월";
        let sep = "9월";
        let oct = "10월";
        let nov = "11월";
        let dec = "12월";

하지만 배열 변수를 사용하면 12개의 데이터를 간편히 나열하여 저장 가능하다.

let monthArr = ["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"];

배열의 다양한 기능

• 배열값의 재할당 : 배열의 첫번째 값은 0부터 카운팅된다.
  때문에 첫번째 값을 다른 값으로 재할당 하려면 0번째 값을 지정하여 재할당해준다.

	monthArr[0] = "일월";

• 배열의 맨 마지막에 데이터 추가하기 - .push() 메소드

	monthArr.push("해피뉴이어");

• 배열의 길이 (원소의 개수 추출하기) - .length

	console.log(monthArr.length);

• 배열에서 원소의 데이터를 추출할 때는 index 값을 이용한다.

	console.log(monthArr[0]);  //일월 출력 
	console.log(monthArr[6]);  //7월 출력 
	console.log(monthArr[11]);  //12월 출력 

객체변수

객체변수를 이용하면 각 데이터의 의미파악이 가능도록 데이터를 저장할 수 있다.
데이터 저장구조가 효율적이면서 동시에 데이터 각각의 직관적 의미 파악이 가능 한 것!

• 일반변수는 의미파악이 원활하지만 데이터가 각각 흩어져 있어 저장 구조는 비효율적이다.

        let name = "김제니";
        let age = 27;
        let id = "Jeny";

• 배열변수는 데이터 저장 구조는 효율적이지만, 저장된 데이터 각각의 의미파악은 어렵다.

        let JN = ["김제니", 29, "Jeny", "부산"]

• 객체변수 데이터 저장구조

	let JN = {
    	name : "김제니",
        age : 29,
        id : "Jeny",
        address : "부산"
        phone : "010-1234-1234",
        
        info : function(){                                //익명함수 
            console.log("김제니의 개인정보 입니다.");
            console.log("사는 곳은 "+this.address+"입니다.");
           }
	}
    
   	  console.log(JN.name);            //출력방식 
  	  console.log(JN.age);
  	  console.log(JN.address);