जावास्क्रिप्ट स्प्रेड ऑपरेटर हमें एक सरणी को अलग-अलग सरणी तत्वों में विस्तारित करने की अनुमति देता है। स्प्रेड ऑपरेटर का उपयोग करने के लिए सरणी नाम से पहले तीन बिंदु (...) होने चाहिए।
जावास्क्रिप्ट स्प्रेड ऑपरेटर के लिए कोड निम्नलिखित है -
उदाहरण
<!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: 18px;
font-weight: 500;
color: red;
}
.result {
color: rebeccapurple;
}
</style>
</head>
<body>
<h1>JavaScript Spread Operator</h1>
<div class="sample"></div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button combine the two arrays using spread operator
into a new one
</h3>
<script>
let resultEle = document.querySelector(".result");
let sampleEle = document.querySelector(".sample");
let arr1 = [1, 2, 3, 4, 5];
let arr2 = ["A", "B", "C", "D", "E"];
sampleEle.innerHTML = "arr1 = " + arr1 + "<br> arr2 = " + arr2;
document.querySelector(".Btn").addEventListener("click", () => {
let arr3 = [...arr1, ...arr2];
resultEle.innerHTML = "arr3 = " + arr3;
});
</script>
</body>
</html> आउटपुट
'यहां क्लिक करें' बटन पर क्लिक करने पर -
