📔
web_study
  • JavaScript
  • 엘리_자바스크립트
    • 자바스크립트 기본
      • 클래스 예제와 콜백함수
      • 연산자 boolean
      • 함수 정의, 호출 그리고 콜백
      • 변수타입과 object 차이점
    • JavaScript async 와 await
    • JavaScript Promise
    • 자바스크립트 callback
    • 자바스크립트 json
    • 유용한 10가지 배열 함수들
    • 자바스크립트 배열(array)
    • 자바스크립트 object
    • 자바스크립트 (class vs object) 객체지향 언어
    • 자바스크립트 함수
    • 자바스크립트 연산.반복문
    • 데이터타입, data types, let vs var, hoisting
    • script async 와 defer의 차이점 콘솔 출력
    • 자바스크립트역사
  • 생활코딩
    • 재귀함수
    • 정규 표현식
    • 객체지향
      • 객체지향 프로그래밍
      • 생성자와 new
      • 전역객체
      • this
      • 상속
      • prototype
      • 표준 내장 객체의 확장
      • object
      • 데이터 타입
      • 참조
    • 함수지향
      • 유효범위
      • 값으로서의 함수와 콜백
      • 클로저
      • arguments
      • 함수의 호출
    • UI API, 문서
    • 모듈
    • 객체
    • 배열
    • 함수
    • 반복문
    • 조건문
    • 숫자와문자
    • 변수
    • 비교
  • 노마드 코더
    • Getting the Weather part One Geolocation
    • Image Background
    • TO DO List
    • Saving the User Name
    • Clock part One
    • 조건문 ( if , else, and, or)
    • evnet handlers
    • Function
    • Objects
    • Arrays
    • Variable(변수!)
    • Javascript
  • javascript30
    • Dram Kit
    • clock
    • Css Javascript
    • Array Cardio
    • flex panels
    • type ahead
    • Canvas Draw
    • Speech Synthesis
    • Whack A Mole
  • web standard
    • script 부분
    • form부분
    • 웹접근성
    • <meta>
  • 자바스크립트_이론
    • 기본지식(JAVASCRIPT)
    • 기본지식(CSS)
    • 기본지식(HTML)
    • 기본지식(HTTP)
    • Dom
    • 라이브러리, 프레임워크, 플로그인
Powered by GitBook
On this page
  • 조건문
  • 조건문의 문법
  • 변수와 비교연산자
  • 논리연산
  • &&
  • ||
  • !
  • boolean의 대체
  • 1
  • false로 간주되는 데이터 형

Was this helpful?

  1. 생활코딩

조건문

Previous반복문Next숫자와문자

Last updated 3 years ago

Was this helpful?

조건문

조건문의 문법

boolean

불린(Boolean) 참(true )와 거짓(false) 두가지 밖에 없다. 이것이 핵심적인 역활을 담당한다.

if

if(true){
   alert ('result : true ');
   // 실행
}

if(flase){
   alert ('result : true ');
} // 실행되지 않

else

//else if
if (false){
alear(1);
}
else if (true){
alert(2); //2 출력 
}
else (true){
alert(3);
}

//else 
if (false){
alear(1);
}
else if (false){
alert(2);  
}
else (true){
alert(3); //3출력
}
  • else if 는 조건문은 좀 더 다양한 케이스의 조건으로 검사할 수 있고, 여러개가 올 수 있다.

  • if문의 조건이 true라면 if의 중괄호 구간이 실행되고, false라면 else 이후의 중괄호 구간이 실행

변수와 비교연산자

id = prompt ('아이디를 입력해주세요.');
if(id == 'egoing'){
    var password = prompt('비밀번호를 입력해주세요');
 if (password = '111111'){
    alert('로그인 했습니다.' +id+'님 반갑습니다.' );
 }else{
    alert('비밀번호가 다릅니다.');
 }
 }else{
 alert('아이디가 일치하지 않습니다.');
}
  • prompt () 구문은 사용자가 입력한 값을 가져와서 id 변수의 값을로 대입함

  • 조건문의 중첩 -> if 문 안에 다시 if문을 사용하여 아이디의 값이 일치하는지 확인한 후에 비밀번호 가 일치하는지 확인하는것 이다. (조건문안에 중첩해서 사용될 수 있다.)

논리연산

&&

// 논리 연산자를 사용하여 아이디 비밀번호 확인 
id = prompt ('아이디를 입력해주세요.');
if(id == 'egoing' && password = '111111'){
    alert('인증했습니다.');
 }else{
    alert('인증에 실패 했습니다.');
 }
  • 좌항과 우항이 true일때 참이 된다. 논리연산자는 and 연산자이다.

  • id가 egoing , password 가 111111 이면 참이된다 -> 좌항 우항이 모두참일때 전체가 참

||

id = prompt ('아이디를 입력해주세요.');
if (id=== 'eging' || id === 'k8805' || id=== 'sorialgi'){
 alert('인증 했습니다.');
}else{
 alert('인증에 실패 했습니다.')
}
  • || 는 좌우항 중에 하나라도 true 라면 true가 되는 논리 연산자 or 연산자라고도 한다.

!

if(!true && !true){
alert(1); // 실행안
}

if(!false && !true){
alert(1); // 실행안
}

if(!false && !false){
alert(1); // 실행
}

! 는 부정의 의미로, Boolean 의 값을 역전 시킨다. false -> true, true -> false 로 만든다.

boolean의 대체

1

if(0){
 alert(1); // 실행되지않음 false
}

if(1){
 alert(1); // 실행됨 true
}

1 -> true 0 -> false 의 값으로 간주된다.

false로 간주되는 데이터 형

if (!''){
 alert ('빈 문자열'); // 실행되지 않음 (빈문자열 -> false)
}

if(!undefined){
 alert('undefined'); // 실행되지 않음 
}

var a; 

if (!a){
 alert('값이 할당되지 않은 변수'); // 실행됨 true -> false false -> true 
}

if(!null){
 alert('null') //실행이됨 !-> 반대이기때문에 
}


if(!NaN){
 alert('NaN') //실행이됨 !-> 반대이기때문에 
}
👉