JavaScript에 추가된 최신 연산자는 스프레드 연산자와 나머지입니다.
나머지 연산자
rest 매개변수를 사용하면 인수의 수를 배열로 나타낼 수 있습니다. ES6는 개발자의 작업을 용이하게 하기 위해 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> 확산 연산자
표현식을 여러 인수, 요소, 변수 등으로 확장할 수 있습니다.
예시
다음 코드를 실행하여 스프레드 연산자로 작업하는 방법을 배울 수 있습니다.
라이브 데모
<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>