배열 메소드

array method

arr.splice(n, m, x)

1. 배열의 특정요소를 지움,
   n번째 부터 m개 지워라 x에 추가할 요소

let arr = [1, 2, 3, 4, 5];
arr.splice(0, 3, 6, 7);
console.log(arr); // [6, 7, 4, 5]

1. 아무것도 지우지 않고 추가하는 방법

let arr = ["나는", "철수", "입니다."];
arr.splice(1, 0, "이곳의", "주인장");
console.log(arr); // ["나는", "이곳의", "주인장", "철수", "입니다."];

1부터 0개 삭제, index 1 앞에 들어간다.

1. 삭제된 요소를 반환하기도 한다.

let arr = [1, 3, 5, 7, 9];
arr.splice(0, 3);
console.log(arr); // 7, 9
console.log(result); // 1, 3, 5

---

arr.slice(n, m)

n부터 m까지 반환한다.
m은 포함하지 않고 반환한다.
m이 없으면 끝까지 반환한다.
만약 괄호안에 아무것도 없으면 배열을 복사한다.

let arr4 = [2, 4, 6, 8];
const arr5 = arr4.slice(1, 4);
console.log(arr5);

---

arr.concat()

인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환한다.

let arr = [1, 2];

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

---

arr.forEach(fn)

배열의 반복
함수를 인수로 받는다.
함수는 세 개의 매개변수가 있으며 해당요소, 인덱스, 해당 배열 자체이다.
보통은 해당요소와 인덱스만 사용한다.

let arrr = ["Mike", "Tom", "Jane"];

arrr.forEach((name, index) => {
  console.log(`${index + 1}, ${name}`);
}); // 1. Mike / 2. Tom / 3. Jane

---

arr.indexOf() / arr.lastIndexOf()

문자열의 indexOf와 동일하다.
배열 안에 해당 값 발견하고 없으면 -1을 반환한다.
두번째 인수는 시작 위치를 의미한다.
arr.lastIndexOf는 배열의 끝에서 부터 탐색을 시작한다.

let arrrr = [1, 2, 3, 4, 5, 1, 2, 3];
arrrr.indexOf(3); // 2
arrrr.indexOf(3, 3); // 7
arrrr.lastIndexOf(3); // 7

---

arr.includes()

포함하고 있는지 확인

let arrrr = [1, 2, 3, 4, 5, 1, 2, 3];

arrrr.includes(2); // true
arrrr.includes(6); // false

---

arr.find(fn) / arr.findIndex(fn)

indexOf와 동일하게 배열 안에서 해당 값 찾는다.
하지만 보다 복잡한 연산이 가능하도록 함수를 인수로 받는다.
첫번째 true 값만 반환하고 끝
arr.find 은 찾는 값이 없다면 undefined을 반환한다.
arr.findIndex 는 찾는 값의 인덱스를 반환하며 없다면 -1을 반환한다.

let arr = [1, 2, 3, 4, 5];

const result = arr.find(function(good){
    return good % 2 = 0;
});

// 화살표 함수로 만들면
const result = arr.find((good) => {
    return good % 2= 0;
});

console.log(result); // 2

// findIndex 라면
const result = arr.findindex((good) => {
    return good % 2 = 0;
});

console.log(result); // 1

---

예문

let userList = [
  { name: "Mike", age: 30 },
  { name: "Jane", age: 27 },
  { name: "Tom", age: 10 },
];

const userListResult = userList.find((user) => {
  if (user.age < 19) {
    return true;
  }
  return false;
});

console.log(userListResult); // {name : "Tom", age : 10}

// 근데 사실 아래처럼 해도 됨
const userListResult = userList.find((user) => {
  return user.age > 19;
});

예문 2

let userList = [
  { name: "Mike", age: 30 },
  { name: "Jane", age: 27 },
  { name: "Tom", age: 10 },
];

const userListResult = userList.findIndex((user) => {
  if (user.age < 19) {
    return true;
  }
  return false;
});

console.log(userListResult); // 2