배열(Array) / 배열 메소드(Array Method)

27 Sep 2021 - 1 minute read

배열 (Array)

---

배열 (Array)

• 배열 = 배열변수, 값들이 순차적으로 연결된 자료 구조

• 배열 선언

  • let 변수명 = [값];

  • let 변수명 = new Array(값);

• 배열에 저장되는 각 인덱스의 값은 자료형이 달라도 됨

  • ex) let arr = [3, true, "가나다"];

• 값 변경 가능

  • const fruits = ["apple", "orange", "kiwi"];
    fruits[2] = "peach";
    console.log(fruits);
            
    // 콘솔창 출력
    // Array(3)
    // 0: "apple"
    // 1: "orange"
    // 2: "peach"
    

  • let으로 선언 시 전체 값 변경 가능 / const로 선언 시 불가능

      let fruits = ["apple", "orange", "kiwi"];
      fruits = ["grape", "melon", "peach"]
      console.log(fruits);
    
      // > 정상출력 but 'const'로 선언 시 에러 발생
    

배열 메소드 (Array Method)

• .push : 마지막에 값 추가

• .unshift : 맨 처음에 값 추가

    const fruits = ["apple", "orange", "kiwi"];
    console.log(fruits);
    // 콘솔창 출력
    // (3) ['apple', 'orange', 'kiwi']
  
    fruits.push("strawberry");
    fruits.unshift("mango");
    console.log(fruits);
    // 콘솔창 출력
    // (5) ['mango', 'apple', 'orange', 'kiwi', 'strawberry']
  

• .pop : 마지막 값 제거

• .shift : 맨 처음 값 제거

    const fruits = ["strawberry", "apple", "orange", "kiwi", "mango"];
    console.log(fruits);
  
    console.log(fruits.pop());
    console.log(fruits.shift());
    console.log(fruits);
  
    // 콘솔창 출력
    // (5) ['strawberry', 'apple', 'orange', 'kiwi', 'mango']
    // mango
    // strawberry
    // (3) ['apple', 'orange', 'kiwi']
  

• .indexOf : 인덱스 값 반환

  • 존재하지 않는 값이라면 -1 반환

• .includes : 값이 존재하는지 여부 판단 > true / false로 반환

    const fruits = ["strawberry", "apple", "orange", "kiwi", "mango"];
  
    console.log(fruits.indexOf("mango"));
    console.log(fruits.indexOf("melon"));
  
    console.log(fruits.includes("mango"));
    console.log(fruits.includes("melon"));
  
    // 콘솔창 출력
    // 4
    // -1
    // true
    // false