나머지 매개변수
rest 매개변수를 사용하면 여러 인수를 배열로 나타낼 수 있습니다. ES6은 개발자의 작업을 용이하게 하기 위해 rest 매개변수를 가져왔습니다. 인수 객체의 경우 나머지 매개변수는 세 개의 점으로 표시되고 ... 매개변수 앞에 옵니다.
rest 매개변수를 정의하기 위해 다음 코드 스니펫을 봅시다 -
<html> <body> <script> function addition(…numbers) { var res = 0; numbers.forEach(function (number) { res += number; }); return res; } document.write(addition(3)); document.write(addition(9,10,11,12,13)); </script> </body> </html>
확산 연산자
확산 연산자를 사용하면 배열을 단일 인수로 분할할 수 있습니다. 이러한 인수는 별도의 인수로 기능하는 인수입니다.
구문
구문은 다음과 같습니다 -
function myfunction(...iterableObj);
다음은 인수가 있는 스프레드 구문을 보여주는 예입니다.
function multiply(x, y) { return x*y; } var myArgs = [50, 100]; console.log(multiply(…myArgs));
예시
다음은 다른 예입니다.
라이브 데모
<html> <body> <script> var a, b, c, d, e, f, g; a = [10,20]; b = "rank"; c = [30, "points"]; d = "run" // concat method. e = a.concat(b, c, d); // spread operator f = [...a, b, ...c, d]; document.write(e); document.write("<br>"+f); </script> </body> </html>