배열(Array) 과 Object(객체) 에 대해 알아보자

Array (배열)

• 데이터를 리스트 같이 저장하는 곳
• 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체

Array 자주 사용하는 연산

• 배열 만들기

    let fruits = ['사과', '바나나']

    console.log(fruits.length)
    // 2

 

• 인덱스로 배열의 항목에 접근하기

    let first = fruits[0]
    // 사과

    let last = fruits[fruits.length - 1]
    // 바나나

 

• 배열의 항목들을 순환하며 처리하기

    fruits.forEach(function (item, index, array) {
        console.log(item, index)
    })
    // 사과 0
    // 바나나 1

 

• 배열 끝에 항목 추가하기

    let newLength = fruits.push('오렌지')
    // ["사과", "바나나", "오렌지"]

 

• 배열 끝에서부터 항목 제거하기

    let last = fruits.pop() // 끝에있던 '오렌지'를 제거
    // ["사과", "바나나"]

 

• 배열 앞에서부터 항목 제거하기

    let first = fruits.shift() // 제일 앞의 '사과'를 제거
    // ["바나나"]

 

• 배열 앞에 항목 추가하기

    let newLength = fruits.unshift('딸기') // 앞에 추가
    // ["딸기", "바나나"]

 

• 배열 안 항목의 인덱스 찾기

    fruits.push('망고')
    // ["딸기", "바나나", "망고"]

    let pos = fruits.indexOf("바나나")
    // 1

 

• 인덱스 위치에 있는 항목 제거하기

    let removedItem = fruits.splice(pos, 1) // 항목을 제거하는 방법

    // ["딸기", "망고"]    

 

• 인덱스 위치에서부터 여러 개의 항목 제거하기

    let vegetables = ['양배추', '순무', '무', '당근']
    console.log(vegetables)
    // ["양배추", "순무", "무", "당근"]

    let pos = 1
    let n = 2

    let removedItems = vegetables.splice(pos, n)
    // 배열에서 항목을 제거하는 방법
    // pos 인덱스부터 n개의 항목을 제거함

    console.log(vegetables)
    // ["양배추", "당근"] (원 배열 vegetables의 값이 변함)

    console.log(removedItems)
    // ["순무", "무"]

 

• 배열 복사하기

    let shallowCopy = fruits.slice() // 사본을 만드는 방법
    // ["딸기", "망고"]

 

 

 

Object (객체)

• 각 value에 이름을 줄 수 있음
• 생성자는 주어진 값의 객체 래퍼를 생성
• 주어진 값이 null이거나 undefined면 빈 객체를 생성해 반환하고, 그렇지 않으면 값에 맞는 자료형의 객체를 반환
• 만약 값이 이미 객체이면 그 값을 그대로 반환
• 콜론으로 나뉘어 있는 키(문자열)와 값(어떤 값이나 가능)의 쌍

 

속성(Property)

*콤마로 구분되는 것들을 객체의 속성

    예시) 

    var student = {
        Name: 'myungmin',
        age: '17'
    };

• 위의 예시를 보면 student 객체에는 Name: 'myungmin'와 age: '17'까지 두 개의 속성 이 있다는 걸 확인할 수 있음

 

키(Key)와 값(Value)

• 속성은 키: 값의 관계로 이루어져 있음
• 키는 속성명
• 키는 문자열만 가능

    예시) 

    var student = {
        Name: 'myungmin',
        age: '17'
    };

• Name과 age 같은 것들을 객체의 키(Key)
• 'myungmin'와 '17'를 값(Value)