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

패스트캠퍼스 프론트엔드 인강 2일차. 자바스크립트 배열기초, forEach를 공부해보았다.

기존에 배웠던 객체가 하나의 변수 혹은 하나의 상수안에 여러가지 정보를 담기위함이었다면

배열은 여러개의 항목이 들어있는 리스트라고 할수있다.

배열안에 넣고싶은 원소들 예를들어 숫자, 문자, 객체 등등을 넣을 수 있다.

 

        const array = [1,'blabla',
        { name : '멍멍이'},
        { name : '야옹이'}
        ];
        console.log(array); //배열들 보여줌

배열에서 원하는 항목, 방을 조회하려면 배열명[숫자]를 입력하면된다. [0]부터 시작

        //알고싶은 방 조회하기
        console.log(array[0]); //1
        console.log(array[4]); //undefined

배열에서 원하는 항목,방을 추가하려면 직접하는 방법도 있지만 push를 활용할수있다.

        array.push({
            name:'멍뭉이'
        })
        console.log(array); //멍뭉이객체가 추가된 배열을 보여줌

배열의 크기를 알려면 length를 활용한다

        //배열의 크기
        console.log(array.length);//5

배열 내장함수 foreach활용하기

먼저 슈퍼히어로들을 배열로 만들어보자

        const superheroes = [
            '아이언맨', '캡틴아메리카', '토르', '닥터 스트레인지'
        ]

먼저 이를 for문을 돌려 히어로들을 출력할수있다.

         for(let i = 0; i<superheroes.length; i++){
             console.log(superheroes[i]);
         }

foreach를 이용할수도있다.

        function print(hero){
            console.log(hero)
        }
        superheroes.forEach(print);

print함수를 foreach에서 파라미터로 넣을수있다. ES6 화살표문법도 사용해보자

https://bit.ly/31Cf1hp

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