[JS] 생활코딩 섹션 8-9

섹션 8.배열

변수 하나에 여러개의 데이터를 담을 수 있다.
첫 번째 요소, 두 번째 요소, 세 번째 요소 등과 같이 순서가 있는 컬렉션이 필요할 때 사용된다.

- 배열의 생성

let arr = new Array(); //거의 사용하지 않음
let arr = [];
let fruits = ["사과", "오렌지", "자두"]; //변수 선언을 할때부터 값을 담을 수 있다.

각 배열 요소엔 0부터 시작하는 숫자(index)가 매겨져 있다.(식별자)

				0       1      2   👉 index
let fruits = ["사과", "오렌지", "자두"];

alert( fruits[0] ); // 사과
alert( fruits[1] ); // 오렌지
alert( fruits[2] ); // 자두

-배열안의 요소 수정
fruits[2] = '배'; // 배열이 ["사과", "오렌지", "배"]로 바뀜

-새로운 요소를 배열에 추가
fruits[3] = '레몬'; // 배열이 ["사과", "오렌지", "배", "레몬"]으로 바뀜

- 배열의 사용

배열을 순회할때 반복문을 자주쓴다.

let arr = ["사과", "오렌지", "배"];

for (let i = 0; i < arr.length; i++) {
  alert( arr[i] );
}

let fruits = ["사과", "오렌지", "자두"];

// 배열 요소를 대상으로 반복 작업을 수행합니다.
for (let fruit of fruits) {
  alert( fruit );
}

- 배열의 조작

배열이름.length           //배열의 길이를 구한다. => Number타입
배열이름.push( 데이터 )     //배열의 오른쪽 끝에 새 데이터를 추가한다.
배열이름.pop()            //배열의 오른쪽 끝에서 마지막 데이터를 제거하고, 제거된 그 데이터를 토해낸다.
배열이름.unshift( 데이터 )  //배열의 왼쪽 끝에 새 데이터를 추가한다.
배열이름.shift()          //배열의 왼쪽 끝에서 마지막 데이터를 제거하고, 제거된 그 데이터를 토해낸다.
배열이름.sort()			//배열을 순서대로 정렬한다.
배열이름.reverse()		//배열을 역순으로 정렬한다.

- 문자열을 배열처럼

var name = “윤우정”;
console.log( name[0] ); //윤 출력

문자열을 쪼개서 배열로 만들 수 있다.

var fruits = “딸기, 사과, 바나나, 귤, 배, 앵두, 자두, 살구”;
var fruitsArray = fruits.split(“, “);

- 다차원배열

배열안에 또 배열이 들어있는 형태

디테일한 다차원배열

섹션 9.객체

인덱스가 Number타입이 아니고 String타입인 배열이다.(symbol도 포함)

- 객체의 생성

               “a”     “b”     “c”     “d”     “e”       👉  String타입. 키(key) = 인덱스(index)
  var obj = {“a”:10, “b”:20, “c”:30, “d”:40, “e”:50, “0”:60, “hello world”:70, “ “:80, “  “:90, “   “:100};
  
  //객체 리터럴(object literal)

다양한 객체생성방식

- 객체의 구성요소

1. 객체 안에 들어있는 여러 키 중에 함수를 담고 있는 값를 가르켜서 “메서드method”라고 부른다.
2. 함수가 아닌 다른 데이터를 담고 있는 값를 가르켜서 “프로퍼티property”라고 부른다.
3. 객체는 프로퍼티(키-값 쌍)를 저장합니다.

- 객체 사용

console.log( obj[“a”] );
console.log( obj.a ); //인덱스 문자열이 변수 명명규칙에 맞는 경우에 한하여

-  객체에 새로운 키를 추가
obj[“f”] = 60;
obj.g = 70;

- 객체에 존재하는 키를 제거
delete obj.g;

- 해당 key를 가진 프로퍼티가 객체 내에 있는지 확인하고자 할 때
"key" in obj

객체 순회방식

  // 순차배열을 순회하는 일반적인 방법
  for(var i=0; i<arr.length; i+=1) { … }
  
  // 객체를 순회하는 방법
  for( var idx in obj ) {
    console.log( idx );
    console.log( obj[idx] );
  }