javascript

*.includes를 사용해서 배열 값 포함 검증하기 const check = 'A'; //includes 사용하여 검증 if(['A', 'B', 'C'].includes(check)){ return true; } // = 연산자를 사용하여 검증 if(check === 'A' || check === 'B' || check === 'C'){ return true; } 개인적으로 3개 이상의 조건에서는 .includes를 사용하여 정리하는게 쉽게 읽히고, 2개 이하면 = 연산자를 사용하는 걸 선호하는 것 같다.

//비밀번호 연속된 문자 4개 정규식 function pwReg(){ let cnt = 0; let cnt2 = 0; let tmp = ""; let tmp2 = ""; let tmp3 = ""; let tmp4 = ""; const validpw = password; for(let i=0; i 0 || cnt2 > 0){ return true; }else{ return false; } }

input에 휴대폰번호 (-)하이픈 자동입력 정규식 import { useState } from "react"; export default function App() { const [phoneNumber, setPhoneNumber] = useState(""); function regPhoneNumber(e) { const result = e.target.value .replace(/[^0-9.]/g, "") .replace(/^(\d{0,3})(\d{0,4})(\d{0,4})$/g, "$1-$2-$3") .replace(/(-{1,2})$/g, ""); setPhoneNumber(result); } return ( ); } 정규식 설명 // 숫자만 입력가능 .replace(/[^0-9.]/g, "") ..

*React에서 option 이름 값 가져오기 e.target.options[e.target.selectedIndex].text *예시 function Test(){ const [optionName, setOptionName] = useState(); function seleted(e: React.ChangeEvent){ setOptionName(e.target.options[e.target.selectedIndex].text) } return ( {data.map((i) => ( {i.name} )} ) } *참고사이트 https://stackoverflow.com/questions/30306486/get-selected-option-text-using-react-js