[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 11회차 미션

패스트캠퍼스 프론트엔드 인강 11일차 for of, for in, continue, break와 객체의 key값과 value값을 빼는방법을 배워보았다.

for of

const numbers = [10,20,30]
        //나열하는방법
        //1.for문
        for(let i = 0; i<numbers.length; i++){
            console.log(numbers[i])
        }
        //2.for of문
        for (let num of numbers){
            console.log(num)
        }
        //3.배열내장함수 forEach
        numbers.forEach(num => console.log(num))

for of문보다는 for문이나 배열내장함수인 forEach를 더 많이쓴다고하니 for of는 알아만두자.

 

이번에는 객체의 특정값만 반환하는것을 배워보자

const doggy = {
            name:'멍멍이',
            sound: '멍멍',
            age:2
        }
        
        console.log(Object.keys(doggy))//key값들을 배열로 받아오기
        console.log(Object.values(doggy))//value값들을 배열로 받아오기
        console.log(Object.entries(doggy)) //배열형태로 key,value함께 반환

key값인 name, sound, age만 받고싶을경우 Object.keys(doggy)를 출력하면된다

value값인 '멍멍이', '멍멍', 2만 받고싶은 경우 Object.values(doggy)를 출력하면된다

key값과 value값 둘다 배열형태로 출력하고싶은경우 Object.entires(doggy)를 출력하면된다

 

셋다 배열형태로 출력되고 Object.keys()는 특히 유용하게 쓰인다고한다.

for in

객체의 특정값을 반환하는 또다른 방법이다. 

        for (let key in doggy){
            console.log(key); //key 값만 출력
            // console.log(`${key}:${doggy[key]}`)//key와 value값 출력
        }

continue와 break

        for(let i = 0; i<10; i++){
            if(i==2) continue;
            console.log(i);
            if(i==5) break;
        }

continue는 특정조건이 만족되었을때 다음 루프를 돈다는뜻(본인인 2가안나옴)

break는 아예 반복문이 끝남.

 

https://bit.ly/31Cf1hp

프론트엔드 개발 올인원 패키지 with React Online. | 패스트캠퍼스