जावास्क्रिप्ट स्प्रेड ऑपरेटर:एक गाइड

एवास्क्रिप्ट स्प्रेड ऑपरेटर तर्कों को स्वीकार करने वाले सिंटैक्स में एक सरणी का विस्तार करता है। स्प्रेड ऑपरेटर का उपयोग आमतौर पर वस्तुओं की नकल करने, सरणियों को मर्ज करने या किसी सूची की सामग्री को किसी फ़ंक्शन में पास करने के लिए किया जाता है।

प्रसार ऑपरेटर। नहीं, इसका टोस्ट से कोई लेना-देना नहीं है। जावास्क्रिप्ट में, स्प्रेड ऑपरेटर का एक विशिष्ट अर्थ होता है:यह एक पुनरावृत्त वस्तु की सामग्री तक पहुँचने का एक तरीका है। हालांकि यह टोस्ट पर स्प्रेड चिपकाने जितना मजेदार नहीं लग सकता है, यह जानने के लिए एक अविश्वसनीय रूप से उपयोगी टूल है।

इस गाइड में, हम जावास्क्रिप्ट स्प्रेड ऑपरेटर के बारे में बात करने जा रहे हैं और यह कैसे काम करता है। आरंभ करने में आपकी सहायता के लिए हम सामान्य उपयोग के कुछ उदाहरणों के माध्यम से चलेंगे।

जावास्क्रिप्ट स्प्रेड ऑपरेटर क्या है?

एक जावास्क्रिप्ट स्प्रेड ऑपरेटर आपको एक पुनरावृत्त वस्तु की सामग्री तक पहुंचने देता है। स्प्रेड ऑपरेटर तीन बिंदुओं (एक इलिप्सिस) का एक सेट है, जिसके बाद आप जिस पुनरावृत्त को एक्सेस करना चाहते हैं उसका नाम आता है। यह ऑपरेटर JavaScript ES6 में पेश किया गया था।

तीन प्रकार की चलने योग्य वस्तुएँ सरणियाँ, वस्तु शाब्दिक और तार हैं। लूप के लिए उपयोग करके, आप इन सभी प्रकार के डेटा के माध्यम से लूप कर सकते हैं और उन पर एक सामान्य प्रक्रिया चला सकते हैं।

चलने योग्य वस्तुएं उपयोगी होती हैं क्योंकि आप उन पर एक ही प्रक्रिया को कई बार निष्पादित कर सकते हैं। आप एक स्ट्रिंग के माध्यम से लूप कर सकते हैं और कुछ वर्णों को बदल सकते हैं। आप एक सरणी के माध्यम से लूप कर सकते हैं और सरणी में संग्रहीत सभी मान बना सकते हैं।

स्प्रेड ऑपरेटर के लिए सिंटैक्स है:

var names = ["John", "Lisa", "Harry"];
var new_names = [...names, "Leslie"];
console.log(new_names);

इस सिंटैक्स में, हम अपनी "नाम" सूची की सामग्री को "new_names" नामक सूची में पास करने के लिए ... नामों का उपयोग करते हैं। "New_names" सूची में "नाम" सूची में सभी आइटम शामिल हैं, साथ ही एक नया नाम:लेस्ली।

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।

बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।

स्प्रेड ऑपरेटर के लिए तीन सामान्य उपयोग के मामले हैं:

एक पुनरावर्तनीय की एक प्रति बनाएँ।
आइटम को एक नए पुनरावर्तनीय में जोड़ें।
फ़ंक्शन में तर्कों की सूची पास करें।

स्प्रेड सिंटैक्स सूची में सभी अलग-अलग तत्वों का प्रतिनिधित्व करता है।

स्प्रेड ऑपरेटर जावास्क्रिप्ट:एक पुनरावर्तनीय की एक प्रति बनाएँ

स्प्रेड ऑपरेटर एक पुनरावर्तनीय डुप्लिकेट करने का एक प्रभावी तरीका है। जबकि इस समस्या से निपटने के अन्य तरीके हैं, स्प्रेड ऑपरेटर का उपयोग करना वास्तव में आसान है। एक पुनरावृत्तीय की एक प्रति बनाने के लिए, तीन बिंदु और उस सरणी का नाम निर्दिष्ट करें जिसे आप बनाना चाहते हैं।

हमारे पिछले उदाहरण में, हमने दिखाया कि यह एक सरणी के साथ कैसे काम करता है। हम जावास्क्रिप्ट ऑब्जेक्ट्स को डुप्लिकेट करने के लिए स्प्रेड ऑपरेटर का भी उपयोग कर सकते हैं:

const lemon_drizzle = {
	name: "Lemon Drizzle",
	price: 1.95,
	vegan: true
}

const new_lemon_drizzle = {...lemon_drizzle};
console.log(new_lemon_drizzle);

हमारा कोड निम्नलिखित को JavaScript कंसोल पर प्रिंट करता है:

{ name: "Lemon Drizzle", price: 1.95, vegan: true }

इस उदाहरण में हमें कुछ महत्वपूर्ण भेद करने होंगे। हम जावास्क्रिप्ट ऑब्जेक्ट की एक प्रति बना रहे हैं। इसका मतलब है कि हमें वर्गाकार कोष्ठक ([]) के बजाय घुंघराले ब्रेसिज़ ({}) का उपयोग करने की आवश्यकता है।

दूसरा, एक एकल सरणी निर्दिष्ट करने के बजाय, हमने एक वस्तु निर्दिष्ट की है। इस ऑब्जेक्ट में तीन कुंजी और मान हैं, जिनमें से प्रत्येक हमारे "नींबू बूंदा बांदी" कपकेक से संबंधित है।

जावास्क्रिप्ट फैलाएं:एक नए पुनरावर्तनीय में आइटम जोड़ें

स्प्रेड ऑपरेटर के उपयोग के मामले पुनरावृत्तियों की प्रतिलिपि बनाने से नहीं रुकते! तलाशने के लिए और भी बहुत कुछ है। स्प्रेड ऑपरेटर का उपयोग आमतौर पर एक से दूसरे में आइटम जोड़ने के लिए किया जाता है। निम्नलिखित उदाहरण पर विचार करें:

const cupcakes = [
	'Lemon Drizzle',
	'Chocolate Chip',
	'Vanilla Iced'
];

const new_cupcakes = [...cupcakes, 'Red Velvet', 'Raspberry Dark Chocolate'];
console.log(new_cupcakes);

हमारा कोड लौटाता है:

["Lemon Drizzle", "Chocolate Chip", "Vanilla Iced", "Red Velvet", "Raspberry Dark Chocolate"]

हमने "new_cupcakes" नामक अपने मूल JavaScript सरणी की एक प्रति बनाई है, जिसमें कुछ अतिरिक्त मान भी शामिल हैं जो हमने बनाए हैं।

आप दो पुनरावृत्तियों को एक साथ मिलाने के लिए समान सिंटैक्स का उपयोग कर सकते हैं। आपको केवल स्प्रेड ऑपरेटर का उपयोग करके वर्गाकार कोष्ठकों के अंदर दो पुनरावृत्तियों को निर्दिष्ट करना होगा:

const old_menu = [
	'Lemon Drizzle',
	'Chocolate Chip',
	'Vanilla Iced'
];

const new_menu = [
	'Red Velvet',
	'Raspberry Dark Chocolate'
]

const final_menu = [...old_menu, ...new_menu];
console.log(final_menu);

हमारा कोड लौटाता है:

["Lemon Drizzle", "Chocolate Chip", "Vanilla Iced", "Red Velvet", "Raspberry Dark Chocolate"]

पहले जैसा ही परिणाम दिया गया है लेकिन इस बार हमने दो सरणियों को एक साथ मिला दिया है।

जावास्क्रिप्ट फैलाएं:किसी फ़ंक्शन के लिए तर्क पास करना

जब आप जावास्क्रिप्ट फ़ंक्शन में कई तर्क पारित कर रहे हैं, तो स्प्रेड ऑपरेटर का उपयोग करना सहायक हो सकता है। इस उदाहरण पर विचार करें:

function placeOrder(name, order, price) {
	console.log('Name: ' + name);
	console.log('Order: ' + order);
	console.log('Price: ' + price);
}

placeOrder('Geoff', 'Red Velvet', 1.85);

हमारा कोड लौटाता है:

Name: Geoff
Order: Red Velvet
Price 1.85

हमने placeOrder . नामक एक फ़ंक्शन घोषित किया है () जो तीन तर्क लेता है और उन्हें कंसोल पर प्रिंट करता है। प्रत्येक मान के पहले एक लेबल होता है जो बताता है कि प्रत्येक तर्क में क्या शामिल है।

जबकि यह कोड कार्यात्मक है, हम अपने तर्कों को एक सरणी में निर्दिष्ट कर सकते हैं और उन्हें हमारे फ़ंक्शन में पास करने के लिए स्प्रेड ऑपरेटर का उपयोग कर सकते हैं:

function placeOrder(name, order, price) {
	console.log('Name: ' + name);
	console.log('Order: ' + order);
	console.log('Price: ' + price);
}

const order = ['Geoff', 'Red Velvet', 1.85];

placeOrder(...order);

हमारा कोड लौटाता है:

Name: Geoff
Order: Red Velvet
Price 1.85

इस कोड का आउटपुट समान है, लेकिन हमारे कोड के काम करने का तरीका अलग है। हमारे फ़ंक्शन में सीधे मान पास करने के बजाय, हम उन मानों को एक सूची में निर्दिष्ट करते हैं। फिर हम उन मानों को अपने फ़ंक्शन में पास करने के लिए स्प्रेड ऑपरेटर का उपयोग करते हैं।

निष्कर्ष

पूरे जावास्क्रिप्ट में स्प्रेड ऑपरेटर का व्यापक रूप से उपयोग किया जाता है। यह पुनरावर्तनीय वस्तुओं की प्रतिलिपि बनाना, एक नए पुनरावर्तनीय में आइटम जोड़ना और किसी फ़ंक्शन में तर्क देना आसान बनाता है। स्प्रेड ऑपरेटर के लिए वाक्य रचना तीन बिंदु है, उसके बाद चलने योग्य वस्तु जिसे आप एक्सेस करना चाहते हैं।

अब आप एक पेशेवर की तरह JavaScript स्प्रेड ऑपरेटर का उपयोग शुरू करने के लिए तैयार हैं!

जावास्क्रिप्ट सीखने के शीर्ष संसाधनों, पुस्तकों और पाठ्यक्रमों के बारे में सलाह के लिए, हमारा जावास्क्रिप्ट कैसे सीखें लेख देखें।