배열 메소드

배열 메소드에 대해서 알아보자

배열

const persons = [
{ name: "철수", age: 19, gender: "남" },
{ name: "짱구", age: 20, gender: "남" },
{ name: "유리", age: 21, gender: "여" },
];

find

배열에서 조건(return 우측의 연산자)에 만족하는 가장 먼저 발견된 것 하나만 찾을 수 있다.

ex)
const person = persons.find((person) => {
  return person.gender === "여"
});
  console.log(person);

결과

---

filter

배열에서 조건(return 우측의 연산자)에 만족하는 요소만 필터링
새로운 배열을 만들어 줌 (기존 배열은 그대로 둔다)

ex)
const result = persons.filter((person) => {
    return person.gender === "남"
  });
  
  console.log(result);

결과

---

map

• forEach와 똑같이 전체 배열 접근
• forEach와 다른 점: 새로운 배열을 만들어줌 → 변수에 담기 가능
  ⇒ 이 부분은 상당히 중요합니다. 리액트에서 forEach를 쓰지 않고 map을 쓰는 이유
• 각 요소가 바뀌었으면 하는 형태를 return 우측에 작성하기

ex)
const plus = persons.map((person) => {
 return {
   name: person.name,
   age: person.age + 10,
   gender: person.gender ,
 }
})
 console.log(plus);

결과