বাকি অপারেটর (...) আমাদেরকে যেকোন সংখ্যক আর্গুমেন্ট সহ একটি ফাংশন কল করার অনুমতি দেয় এবং তারপর সেই অতিরিক্ত আর্গুমেন্টগুলিকে অ্যারে হিসাবে অ্যাক্সেস করতে দেয়। বাকি অপারেটর আমাদের অ্যারে বা বস্তুকে ধ্বংস করার অনুমতি দেয়।
স্প্রেড অপারেটর (...) আমাদেরকে একটি পুনরাবৃত্তিযোগ্য অ্যারের মতো আলাদা আলাদা উপাদানে প্রসারিত করতে দেয়।
উদাহরণ
নিম্নলিখিত কোডটি জাভাস্ক্রিপ্ট -
-এ বাকি এবং স্প্রেড অপারেটর দেখাচ্ছে<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample, .result {
font-size: 20px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>JavaScript Rest and spread operator</h1>
<div class="sample"></div>
<div style="color: green;" class="result"></div&g;
<button class="btn">Spread Operator</button>
<h3>
Click on the above button to concatenate array using spread operator
</h3>
<button class="btn">Rest Operator</button>
<div style="color: green;" class="result"></div>
<h3>
Click on the above button to add some numbers using rest operator
</h3>
<script>
let sampleEle = document.querySelector(".sample");
let btnEle = document.querySelectorAll(".btn");
let resEle = document.querySelectorAll(".result");
let arr = [2, 3, 4, 5];
let arr1 = ["a", "b", "c", "d"];
sampleEle.innerHTML = "arr = " + arr + "<br> arr1 = " + arr1;
function addArr(num, ...ar) {
let sum = num;
ar.forEach((item) => {
sum += item;
});
resEle[1].innerHTML = "Sum of the elements = " + sum;
}
btnEle[0].addEventListener("click", () => {
resEle[0].innerHTML = "Concatenated array = " + [...arr, ...arr1];
});
btnEle[1].addEventListener("click", () => {
addArr(44, 11, 35, 44, 22, 99);
});
</script>
</body>
</html> আউটপুট
উপরের কোডটি নিম্নলিখিত আউটপুট −
তৈরি করবে 
"স্প্রেড অপারেটর" বোতামে ক্লিক করলে -
"বিশ্রাম অপারেটর" বোতামে ক্লিক করলে -
