본문 바로가기
Today I learned!/오늘 하루 배운 것, 기억할 것

[Javascript] 기본 문법

by sweesweet 2022. 2. 9.

파이썬과 달리 자바스크립트는 정수와 실수를 따로 구별하지 않고, 함께 묶어 숫자형이라고함

 

 

비교연산자

 

파이썬을 먼저배워서그런가조금 많이 헷갈렸던부분

종류 설명
== 피연산자가 서로 같을 때 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