문자열에 공백 확인하기

채팅창의 input에 공백만 있을 경우 활성화되지않는 전송 버튼 만들기위해

제작한 함수였다. if문의 조건중 하나라도 충족하면 true를, 그렇지않다면 false를 반환한다.

const blank_pattern = /^\s+\s+$/g;
const checkBlankValue = (value: string) => {
  if (value === ' ' || value.length === 0 || blank_pattern.test(value)) {
    return true;
  } else {
    return false;
  }
};

 

이를 짧게 만들면 아래와 같다.

trim()은 문자열의 시작과 끝에 있는 공백을 제거하고, 공백만 있는 경우에는 빈 문자열을 반환해준다.

!연산자를 통해 문자열이 비어있으면 true를. 문자열이 있으면 false를 반환해주는

위 코드와 동일한 기능이다.

 const checkBlankValue = (value: string) => !value.trim();