🚶🏻#22 [React & RN] - some() 과 filter() 를 사용하여 체크박스 토글 함수 만들기

Some()

• some()은 배열의 각 엘리먼트에 대해서 함수의 반환 값이 하나라도 true가 있는지 확인한다
• 하나라도 true가 발생하면 true를 반환한다
• 모두 false인 경우만 false를 반환한다

/* example */

let testArray = ["walker", "jjh", "tistory"];

const someExample = testArray.some((item) => item == "jjh");
console.log(someExample);

---

Toggle Function

/* example */
const [checkbox, setCheckbox] = useState([]);
const dataArray = ["walker", "jjh", "tistory"];

const handleCheckbox = (checkValue)=>{
  if(checkbox.some((item)=> item === checkValue)){
  	const removedArray = dataArray.filter((data)=> data !== checkValue);
  	setCheckbox(removedArray);
  }else{
  	setCheckbox([...checkbox, checkValue]);
  }
}

• onPress() 이벤트로 handleCheckbox 를 걸어준다
• handleCheckbox 의 파라미터는 체크한 값을 받는다
• some() 함수로 체크한 값이 checkbox 배열의 엘리먼트로 존재하는지 확인한다
• 존재한다면 filter() 함수를 사용하여 checkbox 배열에서 checkValue 값을 제외한 배열을 removedArray 에 넣어주고, setCheckbox(removedArray) 로 최종 수정한다
• 존재하지 않는다면 기존 checkbox 의 엘리먼트들과 checkValue 로 setCheckbox() 를 한다