공부 일지(개발)/JAVASCRIPT

JAVASCRIPT 독학 (3일차)｜웹 개발자 준비

inzero98 2025. 2. 12. 17:29
반응형

1. 객체(Object)

    - 한 데이터에 많은 정보를 담을 때 사용

 

let patient = {
    name : "inyoung",
    age : 28,
    disease : "cold"
}
//!설명
// name : 키값
// inyoung : 값

console.log(patient) //patient를 송출
console.log(patient.name) // patient객체의 name만 송출
console.log(patient["name"]) // patient객체의 name만 송출 // 위와 똑같음

patient.name = "maeng" // 이름 변경 (inyoung → maeng)
//patient["name"] = "maeng" 으로도 가능!
patient.age = 26 // 나이 변경 (28 → 26)
console.log(patient)

 

  • 객체를 배열안에 넣기
let patientList = [{name:"inyoung", age:28}, {name:"maeng", age:26}, {name:"gildong", age:30}]

console.log(patientList)
console.log("첫번째 환자는:", patientList[0]) //patientList의 첫번째 환자만 송출
console.log("첫번째 환자의 나이는:", patientList[0].age) //첫번째 환자의 나이만 송출
//console.log("첫번째 환자의 나이는:", patientList[0]["age"]) // 위와 똑같음
console.log("두번째 환자의 이름:", patientList[1].name) //두번째 환자의 이름 송출

 

객체와 객체지향 프로그래밍은 같은 말일까?  → NO!
객체 지향형 프로그래밍(Object Oriented Programming) : 프로그래밍을 하는 방식
객체 : 자료형

2. if문

    -  if문의 생김새

          if(조건문){

                  조건이 충족하면 할 일들

          }

if(true){
    console.log("조건은 참입니다")
}else{ //else는 flase(거짓)인 경우에 들어간다.
    console.log("거짓입니다")
}

 

ex)

let age = 21
if(age > 20){
    console.log("운전이 가능합니다")
}else{
    console.log("운전이 불가능합니다")
}

//실행 결과는 "운전이 가능합니다"가 나온다.

 

  • 위 코드에서 조건을 추가하고 싶을 때
let age = 18
if(age > 20){
    console.log("운전이 가능합니다")
}else if(age >= 18){
    console.log("오토바이 운전만 가능합니다")
} 
else{
    console.log("운전이 불가능합니다")
}

 

if문에서는 if는 필수지만 else if와 else는 선택적으로 사용한다.

위 코드에서 else는 모든 조건이 거짓일 때 실행된다.

 

if문에서는 어느 조건에서 참이 결정이 되는 순간 전체 if문을 종료한다.


!! if문 조건들의 순서가 중요 !!
조건들만 막 나열해서 되는 것이 아닌 범위가 있다면 작은 것부터 큰 순으로!

 

  • 조건문 안에 조건을 또 사용하는 방법
    ex) 20살 이상인가요? Yes → 운전면허가 있나요? Yes → 운전가능
let age = 21
let licence = true

if(age>20){
    if(licence == true){ //==는 "A와 B가 같냐"라는 뜻 / "같지 않냐"라는 뜻인 != (!은 NOT 부정의 의미)
        console.log("운전이 가능합니다")
    }else{
        console.log("면허가 없기 때문에 운전이 불가능합니다")
    }
} else {
    console.log("운전이 불가능합니다")
}

 

 

  • 연산자
    if문에 조건을 쓸 때 비교 연산자와 논리 연산자가 많이 사용된다.
    비교 연산자와 논리 연산자는 항상 true, false로 떨어진다.
종류 기호 문법 의미
비교 연산자 == a == 3 a와 3이 같은가?
!= a != 3 a와 3이 다른가?
>, < a > 3, a < 3 a가 3보다 큰(작은)가?
>=, <= a >= 3, a <= 3 a가 3보다 크거(작거)나 같은가?
논리 연산자 && a && b a와 b가 모두 참일 경우에만 참
|| a || b a와 b가 모두 거짓일 경우에만 거짓
! ! a a가 참이면 거짓, a가 거짓이면 참

 

 

  • 범위 표현
    a ~ b 사이라는 조건을 표현하고 싶을 때는 반드시 && 연산자를 사용해야 한다.
        1 < a < 10                     → 틀림
        1 < a && a < 10            → 맞음

  • ==와 ===의 차이
    차이점 : 자료형까지 일치해야 하는가
    a==b의 경우 둘의 값만 같으면 되지만 a====b의 경우 둘의 값 + 자료형까지 같아야 한다.
반응형