स्प्रेड और रेस्ट ऑपरेटर
??? ????? ... ?? ?? ??? ???? spread ???? iterable ?? ???-??? ??????? ??? ?????? ?? ?? rest ??? ??? ????? ?? ?????? ???? ??? ????? ?? ???? ?? ???? ???
spread ?? ??? ??????
const extras = ["mint", "lemon"];
const menu = ["tea", ...extras];
console.log(menu.join(" / "));
?????? ???? ??? tea / mint / lemon ??? extras ?? ???? ???? ????; ???? ???? ?? array ??? ??? ????
arrays ?? ????
const extras = ["mint", "lemon"];
const copy = [...extras];
copy[0] = "ginger";
console.log(extras[0]);
console.log(copy[0]);
copy ??? ????? array ??, ????? ??? ????? ?? extras ???? ?????? ?? shallow copy ??; nested object ?? array ???? ???? ????
object spread
const order = { guest: "lida", drink: "tea" };
const withSize = { ...order, size: "regular" };
console.log(order.size);
console.log(withSize.size);
order ??? size ???? ??, ????? withSize ??? ??? object spread ?? shallow ??; nested values ???????? ???? ???? ?????
rest ???? ?? ?????? ???? ??
const menu = ["tea", "mint", "lemon"];
const [first, ...remaining] = menu;
const order = { guest: "lida", drink: "tea" };
const { guest, ...details } = order;
console.log(first, remaining, details);
first ?? ??? tea ??, remaining ["mint", "lemon"] ?? ?? details ??? drink ??, guest ????? ?? ????? destructuring lesson ?? ???? ????? ???
rest parameters
<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><title>Spread and Rest</title></head>
<body>
<p id="result"></p>
<script>
const extras = ["mint", "lemon"];
const menu = ["tea", ...extras];
function list(first, ...others) {
return [first, ...others].join(" / ");
}
document.getElementById("result").textContent = list(...menu);
</script>
</body>
</html>
list(...menu) ??? call ?? ????? ???? ??? function list(first, ...others) ??? rest extra arguments ?? ???? array ??? ?????? ???? ??? ????? ???? ?????? tea / mint / lemon ???
तालिका अंतर को साफ करती है: बिंदु वही हैं, लेकिन उनका स्थान तय करता है कि JavaScript मानों को फैलाएगा या बाकी को इकट्ठा करेगा।
📊 ?? ?? ?????, ?? ??????
| ????? | ???? | ?????? |
|---|---|---|
| array, object ?? function call | spread ?????? ?? | [..., extras], { ...order }, list(...menu) |
| binding ?? parameter | rest ?????? ???? ?? | const [first, ...remaining] = menu, function list(first, ...others) |
???? ??????
copy[0] ????? extras[0] ?? ????? ????? nested object ?????? shallow copy ??????
?? ???????
rest parameter ?? ??? ??? ? ????, deep copy ?? ??????? ? ???? ?? spread ?? rest ?? ? ???????
???
spread array, object ?? function call ??? ??? ??; rest binding ?? parameter ??? ??? ??? ????? ???? ???, ??? ??? ???
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी