UX·UI - FrontEnd Dev. Story

프론트엔드/Javascript

자바스크립트 함수 사용해서 rest 파라미터 / for of 배열 만들기

클로이겅쥬 2021. 5. 10. 08:00
반응형

 

 

 

 

 

1. Rest Parameters [파라미터] : (...args)

- 인자를 모두 배열 형태로 전달하는 파라미터

        // * Rest 파라미터 사용하기
        function printAll(...args) {
            //...args는 -> printAll('A', 'B', 'C')의 값이 담겨있는 배열
            for (let i = 0; i < args.length; i++) {
                // printAll의 값이 length를 통해 3개의 배열이 i에 담긴다.
                console.log(args[i]);
                // 'A'
                // 'B'
                // 'C'
            }
        }
        printAll('A', 'B', 'C');

 

 

2. for ( arg of args ) 사용한 더 간단한 작업방법

 function printAll(...args) {
            // for ( arg of args )
            for (const arg of args) {
                // args에 있는 값들이 하나씩 arg에 지정된다
                console.log(arg);
                // A
                // B
                // C
            }
        }
        printAll('A', 'B', 'C');

 

 

3. forEach 함수형 언어를 사용해서 더 간단하게 작업하는 방법

        function printAll(...args) {
            args.forEach((arg) => console.log(arg));
            // A
            // B
            // C
        }
        printAll('A', 'B', 'C');

 

반응형