[react]配列の処理-削除と変更

584 ワード

データ削除
const arr = [1, 2, 3, 4, 5];
// 기존의 배열은 유지하면서 새 배열을 만들어서 3을 제거해보자

// 첫번째 방법 - slice와 concat 이용하기
// 제거할 [3]을 기준으로 왼쪽 배열의 [1, 2]와 우측 배열의 [3, 4] 합치기
array.slice(0,2).concat(array.slice(3, 5)) // [1, 2, 4, 5]

// 두번째 방법 - 배열 전개 연산자 사용하기
[ ...array.slice(0, 2), ...(array.slice(3, 5) ];
しかし、この2つの方法に加えて、より簡単な方法で実現することができる.
配列にはfilterという内蔵関数があり、特定の条件に合致する要素のみを抽出して新しい配列を作成します.
// 세번째 방법 - filter 함수 이용하기
array.filter(num => num !== 3); // [1, 2, 4, 5]
矢印関数を使用して3以外の数値のみをフィルタし、新しい配列を作成します.