[JS] 자주 쓰는 **배열 내장 객체(Array)** 메서드 정리

✅ 자주 쓰는 배열 내장 객체(Array) 메서드 정리

---

🧠 한 줄 요약

메서드	기능 요약
push()	뒤에 추가
pop()	뒤에서 제거
unshift()	앞에 추가
shift()	앞에서 제거
indexOf()	위치(index) 찾기
includes()	포함 여부 확인
splice()	삭제/교체
slice()	복사해서 잘라냄
sort()	정렬
reverse()	순서 뒤집기
join()	문자열로 합치기
forEach()	반복 처리
map()	가공해서 새 배열 만들기
filter()	조건에 맞는 것만 추리기
find()	조건에 맞는 첫 값 찾기

---

🔹 1. push()

: 배열 뒤에 요소 추가

let arr = [1, 2, 3];
arr.push(4); // → [1, 2, 3, 4]

---

🔹 2. pop()

: 배열 마지막 요소 제거

let arr = [1, 2, 3];
arr.pop(); // → [1, 2]

---

🔹 3. unshift()

: 배열 앞에 요소 추가

let arr = [2, 3];
arr.unshift(1); // → [1, 2, 3]

---

🔹 4. shift()

: 배열 첫 번째 요소 제거

let arr = [1, 2, 3];
arr.shift(); // → [2, 3]

---

🔹 5. indexOf()

: 해당 값이 몇 번째인지 위치(인덱스)를 반환

let arr = ["철수", "영희"];
arr.indexOf("영희"); // → 1
arr.indexOf("누구"); // → -1 (없음)

---

🔹 6. includes()

: 해당 값이 있는지 true/false로 확인

let arr = ["철수", "영희"];
arr.includes("철수"); // → true

---

🔹 7. splice(시작위치, 개수)

: 특정 위치에서 삭제하거나, 교체까지 가능

let arr = ["A", "B", "C"];
arr.splice(1, 1); // B 삭제 → ["A", "C"]

---

🔹 8. slice(시작, 끝)

: 배열에서 일부분을 복사해서 새 배열 생성 (원본 유지)

let arr = [1, 2, 3, 4];
let part = arr.slice(1, 3); // → [2, 3]

---

🔹 9. sort()

: 배열을 정렬 (문자 기준)

let arr = ["b", "a", "c"];
arr.sort(); // → ["a", "b", "c"]

💡 숫자는 정렬 기준 함수가 필요함:

[10, 2, 5].sort((a, b) => a - b); // → [2, 5, 10]

---

🔹 10. reverse()

: 배열을 뒤집기

let arr = [1, 2, 3];
arr.reverse(); // → [3, 2, 1]

---

🔹 11. join("구분자")

: 배열 → 문자열로 변환

["A", "B", "C"].join("-"); // → "A-B-C"

---

🔹 12. forEach(함수)

: 배열의 각 요소를 반복 처리할 때 사용

["A", "B", "C"].forEach((item, index) => {
  console.log(item, index);
});

---

🔹 13. map(함수)

: 배열의 각 요소를 가공해서 새로운 배열 생성

let arr = [1, 2, 3];
let newArr = arr.map(x => x * 2); // → [2, 4, 6]

---

🔹 14. filter(함수)

: 조건에 맞는 요소만 뽑아서 새 배열 생성

let arr = [1, 2, 3, 4];
let even = arr.filter(x => x % 2 === 0); // → [2, 4]

---

🔹 15. find(함수)

: 조건에 맞는 첫 번째 요소 반환

let users = [{name: "철수"}, {name: "영희"}];
let result = users.find(user => user.name === "영희"); 
// → {name: "영희"}