React club 210719

Array 내장함수 🍕

(1) map

- map은 배열에 속한 항목을 변환할 때 사용!
  어떤 배열에 속한 항목을 원하는 대로 변환하고, 새로운 배열로 만들어줌
  원본 배열은 값이 변하지 않음.
  

const array_num = [0,1,2,3,4,5];
const new_array = array_num.map((array_item) => {
        return array_item + 1;
        });

console.log(new_array) = [1,2,3,4,5,6]; //새로운배열
console.log(array_num) = [0,1,2,3,4,5]; //원본배열

(2) filter

- 어떤 조건을 만족하는 항목만 골라서 새배열로!
  원본 배열은 변하지 않고 원하는 배열을 하나더 만들수있네!
  
  
  const array_num = [0,1,2,3,4,5];
  const new_array = array_num.filter((array_item) => {
  return array_item > 3 });
  
  [4,5]
  
  

(3) concat

- 배열과 배열을 합치거나, 추가할 때 ! 이것도 원본배열 변화X
  but !! 중복 값 빼주지 않고 그대로 다 들어감 
  다른 내장함수와 함께 사용해서 제거해야한다.


  const array_num1 = [0,1,2,3]
  const array_num2 = [3,4,5]

  const merge = array_num1.concat(array_num2);
  [0,1,2,3,3,4,5]

  **but**
  const new_merge = [...new Set(array_num1.concat(array_num2))]
  //중복자료 없애주는함수~ ...으로 바깥으로 꺼내서 다시 배열[]
  [1,2,3,4,5]
 

(4) from

- 배열로 만들고 싶을 때, 유사배열 복사해서 새거 만들 때,
  여기서 유사배열이란 [어떤값들...] 처럼 생겼고,
  배열의 내장 함수를 사용못하는 것. 
- 새로운 배열 만드는 것이라 생각하기! (초기화할 때)

  const new_array = Array.from({length:4})까지만 하면
  [undefined,undefined,undefined,undefined]
  const new_array = Array.from({length:4) , (item, idx)
  =>{return idx;}); 
  [0,1,2,3]