나머지 매개변수
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>