[JS] 배열 메서드 정리 (1)

배열에서 주로 사용하는 함수

해당 값의 index를 반환

• 배열.indexOf("값")

특정 값이 있는지 확인 후 boolean 반환

• 배열.includes("값")

배열 맨 뒤에 새로운 원소 추가하기 -> 배열의 길이를 return

• 배열.push("값")

배열 맨 앞에 새로운 원소 추가하기

• 배열.unshift("값")

배열 맨 뒤 원소 제거하기

• 배열.pop()

배열 맨 앞 원소 제거하기

• 배열.shift()

배열 중간에 원소 추가 or 삭제 -> 삭제된 아이템이 배열로 반환됨

• 배열.splice()
  

배열을 잘라서 새로운 배열 만들기

• 배열.slice(시작 인덱스, 끝 인덱스)
  

  • (시작 인덱스, 끝 인덱스)에 아무것도 전달하지 않았다면? 배열 전체를 새로 만드는 것과 같은 효과

  • 한 가지의 값만 전달했을 경우? 주어진 값 부터 끝 인덱스까지 새로운 배열 생성

    (기존 students 배열과 새로 생성한 result 배열의 값이 다른 것을 알 수 있는 예제)

겹겹이 배열

let arr = [
    [1, 2, 3],
    [4, [5, 6]], // 겹겹이 배열
];

console.log(arr); // [ [ 1, 2, 3 ], [ 4, [ 5, 6 ] ] ]

1) 배열 껍질 가장 겉 부터 1단계 벗기기

console.log(arr.flat()); // [ 1, 2, 3, 4, [ 5, 6 ] ]

2) 배열 껍질 가장 겉 부터 2단계 벗기기

console.log(arr.flat(2)); // [ 1, 2, 3, 4, 5, 6 ]

---

이 외에도 forEach, map, filter, reduce, find, sort, reverse, join 등이 존재함!