(JS) JS 판단하기

1. 부울 논리

► 비교

• 이들은 모두 부울 값을 반환합니다.
• 문자열을 비교할 수 있습니다.

►D두 번 같은

• 비교하는 타입이 다르면 강제로 일치시키기 때문에 원하는 값이 나오지 않을 수 있습니다.

1 == '1'
>> true

► 트리플 동등

• 유형을 구별값과 유형을 비교합니다.
• 값을 비교할 때는 항상 삼중 등호를 사용하십시오.

1 === '1'
>> false

---

2. 콘솔, 경고, 프롬프트

• 방법 중 하나

► 콘솔.로그

• Python의 인쇄와 동일
• console.log를 사용하지 않으면 읽기와 쓰기만 가능
• 출력에 console.log를 사용해야 합니다.

► 알람

• 콘솔이 아닌 사용자를 위해 인쇄
• 팝업 경고 창이 웹 페이지에 나타납니다.

►묻다

• 주장을 받아들이다
• 웹 페이지에 입력 팝업 창이 나타납니다.

let userInput = prompt("please enter a number")
// 웹 페이지에 팝업 입력창이 뜨고 '97'(임의의 숫자)을 입력
userInput
>> '97' // 타입은 문자
userInput + 1
>> '971'
parseInt(userInput) // 정수로 변환
>> 97
parseInt('101asdfsd')
>> 101 // 정수만 찾아서 반환
parseInt(userInput) + 1
>> 98

https://developer.mozilla.org/en/docs/Web/API/Console

콘솔 – 웹 API | MDN

콘솔 개체는 브라우저의 디버깅 콘솔(예: Firefox 웹 콘솔)에 액세스하기 위한 메서드를 제공합니다. 동작은 브라우저마다 다르지만 사실상 표준으로 간주되는 몇 가지 기능이 있습니다.

developer.mozilla.org

https://developer.mozilla.org/en/docs/Web/API/Window/alert

Window.alert() – 웹 API | MDN

Window.alert() 메서드는 메시지를 지정할 수 있는 확인 버튼이 있는 경고 대화 상자를 엽니다.

developer.mozilla.org

https://developer.mozilla.org/en/docs/Web/API/Window/prompt

Window.prompt() – 웹 API | MDN

Window.prompt()는 사용자에게 텍스트를 입력하라는 선택적 메시지가 있는 대화 상자를 엽니다.

developer.mozilla.org

---

3. JS 실행하기

---

4. 조건

– 파이썬 if/elif/else와 같은 사용법

► IF 문

const rating = 3;
if (rating === 3) {
	console.log("YOU ARE A SUPERSTAR!");
  }
 // if문이 true인 경우 "YOU ARE A SUPERSTAR!" 문구를 출력

► 다른 경우

• if가 거짓이면 else if를 수행하십시오.

const dayOfWeek = "monday";
if (dayOfWeek === "monday") {
	console.log("I hate Mondays");
} else if (dayOfWeek === "Saturday"){
	console.log("I love saturdays");
} else if (dayOfWeek === "Friday"){
	console.log("I like Fridays");
}

► 기타

• if와 else if가 모두 false이면 else를 수행합니다.

const dayOfWeek = prompt("Enter a day").toLowerCase();
if (dayOfWeek === "monday") {
	console.log("I hate mondays");
} else if (dayOfWeek === "saturday"){
	console.log("I love saturdays");
} else if (dayOfWeek === "friday"){
	console.log("I like fridays");
} else {
	console.log("keep going");
}

---

5. 중첩

const password = prompt('please enter a new password');

// Nesting 조건안에 조건을 넣어서 판별
if (password.length >= 6) {
	if (password.indexOf(' ') === -1) {  // 입력받은 비밀번호가 공백이 아니라서 -1일 경우 
	console.log('valid password!) // 다음과 같이 출력
    } else {
        console.log('password cannot contain spaces!') // 공백일 경우 
    }
} else { // 위의 중첩 조건문을 만족하지 못했을 경우 실행
	console.log('password too short! must be 6+ characters') 
}

---

6. 진실-y와 거짓-y

► 모든 js 값에는 고유한 진실성 또는 거짓성이 있습니다.

► 다른 모든 것은 사실입니다

► 잘못된 값

• 잘못된
• 0
• “”(빈 문자열)
• 영
• 정의되지 않음
• NaN

---

7. 논리 연산자

– Python 논리 함수와 유사

► 그리고 : &&

true && true
>> true

false && false
>> false

true && false
>> false

► 또는

• 한쪽이 참이면 전체가 참이다

1 !== 1 || 10 === 10
>> true

10/2 === 5 || null
>> true

0 || undefined 
>> false

► 아님

• !expression은 식이 false인 경우 true를 반환합니다.

!null
>> true

!(0 === 0)
>> false

!(3 <= 4)
>> false

const age = 8;
if (!(age >= 0 && age < 5 || age >= 65)) {
// 나이가 0 이상 5 미만이거나 65 이상이 아닌 경우에 다음을 출력해라
	console.log("You are not a baby or a senior!")
}

>> You are not a baby or a senior!

---

8. 조건문 전환

const day = 2;
switch(day) {
	case 1:
    	console.log("MONDAY");
        break;
    case 2:
    	console.log("TUESDAY");
        break;
    case 3:
    	console.log("WENDESDAY");
        break;
    case 4:
    	console.log("THURSDAY");
        break;
    case 5:
    	console.log("FRIDAY");
        break;
    default: // 위의 조건문이 전부 false일 경우 다음과 같이 출력
    	console.log("I DONT KNOW THAT")
}

>> TUESDAY

• 중단하지 않으면 일치하는 문 다음에 출력이 계속됩니다.
• 일반적으로 사용되는 조건문이 아님