본문 바로가기
JavaScript

코딩 앙마 왕초보

by 호랑말코호랑 2022. 5. 21.

모르는 부분만 정리해보자구!


💚While문

while(true){
  let answer = confirm('계속할까요?'); //계속 할까요? 라는 알람창을 띄우고 예 누르면 알람창 반복으로뜸 
 if(!answer){
   break;  //아니오라면 멈춤
 }
}

for 문과 비슷하지만 명확한 횟수가 정해져 있으면 for문 정해져있지 않다면 while문을 쓰는게 좋다.

 

for(let i =0; i<10;i++){
  if(i%2){   //만약 i를 2로 나눈 나머지값이 1이면 true
    continue; ///true면 콘솔 찍지않고 진행
  }
  console.log(i) // 짝수만 나오게 됨
}

💚Switch문

 

switch(평가){
case A :

case B :

}

 

if(평가 == A){
}else id (평가 ==B){
}

위 둘은 같은 의미야.

let fruit = prompt("무슨 과일 살건데?")

switch(fruit){
case '사과' :
	console.log('100원 입니다.')
    break;   //break넣어주지 않으면 true일때 그 아래의 값까지 모두나와버림
case '바나나' :
	console.log('500원 입니다.')
    break;
case '파인애플' :
	console.log('1000원 입니다.')
    break;
case '애플망고' :
	console.log('1500원 입니다.')
    break;
   default :
   	console.log('그런 과일은 없습니다.') // switch는 else말고 default 씀 
    }

💚Object

 

const superman = {
name : 'clark',
age : 33,
}

접근
superman.name //clark
superman['age'] //33

추가
superman.gender = 'male'
superman['hairColor'] = 'black'

삭제
delete superman.hairColor;

🧡For.. in 반복문

const Mike = {
	name : "Mike",
    age : 30
};

for(x in Mike){

console.log(Mike[x])/// "Mike"    30
}

💜Method

:객체 프로퍼티로 할당된 함수

 

let boy = {
	name : "Mike",
	showname : function(){
	console.log(boy.name)
	}
};

boy.showname(); //"Mike"

 

let boy = {
	name : "Mike",
	showName : function(){
	console.log(boy.name)
	}
};

let man =boy;
man.showName(); //"Mike"

man.name = "Tom"

console.log(boy.name)//"Tom"
man.showName(); //"Tom"

🧡This

let boy = {
	name : "Mike",
	showName : function(){
	console.log(boy.name)
	}
};

let man = boy;
boy = null;

man.showName() //// d에러발생에러발생
let boy = {
	name : "Mike",
	showName : function(){
	console.log(this.name)
	}
};

let man = boy;
boy = null;

man.showName() // Mike

매서드의 this는 해당 객체를 가리킴

매서드에서는 객체명을 직접 써주는 것 보다 this를 써주는게 더 에러 발생 확률이 적음

매서드를 작성할 때 this를 사용해서 객체에 접근해야 한다면 화살표함수는 사용하지 않는 것이 좋음

 

🖤배열 메서드

 

      ➕ for .... of

   

for(let a of arr){
	console.log(day)
    }

 

⭐⭐⭐⭐

굉장히 분량이 짧고 간결하기 때문에 쏙쏙 박혀서 좋았던강의였따!

'JavaScript' 카테고리의 다른 글

State  (0) 2022.05.23
코딩앙마 JS DOM & EVENT 정리  (0) 2022.05.21
노마드 코더 바닐라 JS-2  (0) 2022.05.20
Array.map()함수  (0) 2022.05.18
arr관련 함수  (0) 2022.05.18

댓글