[JavaScript] 변수에 값이 있을 때만 표시됨

3313 단어 JavaScripttech
수신된 값(string형 수치)만null이 아닐 때 API 등을 통해 표시되는 샘플 코드(이름의 비망록)

전제 조건

  • 변수의 값은 기본string형이다
    → 송신 원본에 대한 제어로 설정
  • 대상 변수에 값을 입력한 경우 수치(string형)만, 값이 없는 경우 빈 문자, 빈 문자, 빈 문자(정의가 없는 경우)
    • 를 입력한다.

    코드


    서버에서 받은 다차원 연상 배열의age에 입력값이 있으면'세'를 더해서 표시하고 없으면 표시하지 않는다(전제는 0세가 불가능하다)
    
Object.keys(data).forEach((key) => {
	・・・（前の処理）
	// 数値に変換
	let age = Number(`${data[key]['age']}`);
	// 非数もしくは0の場合は表示しない
	age = isNaN(age) || age == 0 ? "" : age + "歳";
	(処理の続き) ・・・
}

    주안점

  • Number() 함수의 변환 결과는 다음과 같습니다.
  • undefined, 문자열: NaN
  • 빈 문자, 빈 문자null(그리고 빈칸)의 경우: 0
    • 활용

    끝맺다


    이것은 단지 내용이 순조롭게 진전된 비망록일 뿐이다
    저는 JavaScript 초보자입니다. 더 좋은 쓰기 방법이 있으면 꼭 알려주세요.

    참고 자료

  • Number | mdn web docs
  • isNaN() | mdn web docs
  • Nan의 판정 isNan과 Number.isNaN 또는 | JavaScript의 노트
  • 유형 변환 | JAVACRIPT.INFO
    • 워크숍 "개학! 원숭이도 아는 Giit 학교-Adobe x Nulab 선물-"에 참석해 정보와 메모 공유
    정의되지 않은 메서드 "downcase"

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage