파이썬과 달리 자바스크립트는 정수와 실수를 따로 구별하지 않고, 함께 묶어 숫자형이라고함
비교연산자
파이썬을 먼저배워서그런가조금 많이 헷갈렸던부분
종류 | 설명 |
== | 피연산자가 서로 같을 때 true |
=== | 피연산자,자료형 모두 같을 때 true |
!= | 피연산자가 같지 않을 때 true |
!== | 피연산자 or 자료형이 같지 않을 때 true |
==와 != 는 피연산자의 자료형을 자동으로 변환해서 비교
===와 !==는 피연산자의 자료형을 변환하지 않음
→ 프로그램에서 값을 비교할 때는 자료형을 자동으로 변환되는걸 막기위해 ===과 !==연산자를 더 많이 사용함
조건연산자로 조건 체크하기(삼항연산자)
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
조건이 하나이고 true와 false일 때 실행할 명령이 각각 하나뿐이라면 if~else문 대신에 사용 가능
(조건) ? true일 때 실행할 명령 : false일 때 실행할 명령
let num=12
console.log(num >= 10 ? '10보다크거나 같아요' : '10보다 작아요')
논리 연산자
종류 | 설명 |
|| | or |
&& | and |
! | not |
여기서 !가 어떻게 쓰냐면 ex) let bool = true bool = !bool 콘솔값:false |
switch 문
case문과 1대 1로 일치 한다면 명령 실행후 break를 통해 switch문을 빠져나오게됨
조건 값이 일치하는 case값이 일치하지 않는다면 마지막에 있는 default문이 실행됨(마지막엔 break문을 쓰지 않음)
(패캠 내용 추가: 조건의 변수가 특정한 값으로 딱 떨어지게 분기처리(?)를 하고 있다면, if문 보다 switch 문이 더 적절)
분기 뜻:
선택적으로 코드를 실행할 수 있는 것.
분기처리에 대한 글: https://jeaha.dev/80
//기본형
switch(조건){
case 값1: 명령1
break
case 값2: 명령2
break
case 값3: 명령3
break
case 값4: 명령4
break
...
default: 명령n
}
<script>
var session =prompt("관심 분야를 선택해주세요. 1-백엔드, 2-프론트엔드")
switch(session){
case "1" : document.write("<p>백엔드<strong> https://...</strong></p>")
break;
case "2" : document.write("<p>프론트엔드 <strong> https://...</strong></p>")
break;
default:alert("잘못 입력하셨습니다.")
}
</script>
for문
//패캠 프론트엔드 초격차에서의 for문
for (초기조건;종료조건;변화조건){
}
const ulEl = document.querySelector('ul')
for (let i=0; i<3; i+= 1){
const li = document.createElement('li')
li.textContent = `list-${i + 1}`
ulEl.appendChild(li)
}
prompt()와 parseInt()
파이썬에서의 input과 비슷하군
prompt() => 기본적으로 문자열로 저장
산술연산에 사용할경우 자동으로 숫자형으로 변환되지만, 데이터 유형이 자동으로 변환되기때문에 이상하게 변환될 수있음
parseInt() => prompt()로 입력받은 값을 처음부터 숫자로 바꿔주기 위해 사용
var memNum =parseInt(prompt("입장객은 몇 명인가요?")
do~while문
do{
실행할 명령
}while(조건)
※for문과 while & do~while을 언제 사용해야 할까?
- for문 => 초깃값과 반복크기가 일정한 경우 주로 사용
-while & do~while => 조건만 주어졌을 때 주로 사용하고, 환경에 따라 while문과 do~while문중 뭘 써야하는 지 달라짐
'Today I learned! > 오늘 하루 배운 것, 기억할 것' 카테고리의 다른 글
220321(css) (0) | 2022.03.21 |
---|---|
220302 +메이킹 챌린지 후기 (0) | 2022.03.02 |
[css] overflow, backface-visibility (0) | 2022.02.07 |
[css] 속성 선택자 (0) | 2022.02.04 |
[css] gradient (0) | 2022.02.04 |