जावास्क्रिप्ट में सरणियों के साथ काम करने के लिए 13 उपयोगी ट्रिक्स जो काम में आ सकते हैं

Arrays जावास्क्रिप्ट में सबसे लोकप्रिय डेटा संरचनाओं में से एक है क्योंकि उनका उपयोग डेटा स्टोर करने के लिए किया जाता है। इसके अलावा, सरणियाँ इस बहुत डेटा के साथ काम करने के लिए कई अवसर प्रदान करती हैं। यह समझना कि जो लोग जावास्क्रिप्ट सीखने के मार्ग की शुरुआत में हैं, सरणियाँ सबसे बुनियादी विषयों में से एक हैं, इस लेख में मैं आपको कुछ उपयोगी ट्रिक्स से परिचित कराना चाहूंगा जिनके बारे में आप नहीं जानते होंगे। चलिए शुरू करते हैं।

1. सरणी में केवल अनन्य मान कैसे छोड़ें

एक जावास्क्रिप्ट डेवलपर की स्थिति के लिए एक साक्षात्कार के दौरान यह एक बहुत लोकप्रिय प्रश्न है। यहाँ इस समस्या का एक त्वरित और आसान समाधान है। पहले आपको सरणी के अनन्य मान प्राप्त करने की आवश्यकता है, इसके लिए आप new Set() ( लगभग। पुन: सेट डेटा संरचना केवल अनन्य मान ) का उपयोग कर सकते हैं। अगला, आपको सेट डेटा संरचना को एक सरणी में बदलने की आवश्यकता है। मैं आपको दो तरीकों से परिचित कराना चाहता हूं कि यह कैसे करना है: पहला - from() विधि का उपयोग करना, दूसरा - प्रसार ( "…" ) ऑपरेटर का उपयोग करना।

 const fruits = ['banana', 'apple', 'orange', 'watermelon', 'apple', 'orange', 'grape', 'apple']; //   const uniqueFruits = Array.from(new Set(fruits)); console.log(uniqueFruits); //  ['banana', 'apple', 'orange', 'watermelon', 'grape'] //   const uniqueFruits2 = [...new Set(fruits)]; console.log(uniqueFruits2); //  ['banana', 'apple', 'orange', 'watermelon', 'grape'] 

आसान है, है ना?

2. सरणी में मान कैसे बदलें

ऐसी स्थितियां हैं जब आपको सरणी में अन्य मूल्यों के साथ मूल्यों को बदलने की आवश्यकता होती है। इसके लिए एक अच्छी विधि है जिसके बारे में आप नहीं जानते होंगे - splice(start, value to remove, values to add) विधि, जहाँ start वह अनुक्रमणिका संख्या है जहाँ से हम सरणी के तत्वों को निकालना चाहते हैं, निकालने के लिए value to remove तत्वों की संख्या है हम हटाना चाहते हैं, और values to add लिए वे तत्व हैं जिन्हें हम हटाए गए लोगों के स्थान पर सम्मिलित करना चाहते हैं:

 const fruits = ['banana', 'apple', 'orange', 'watermelon', 'apple', 'orange', 'grape', 'apple']; fruits.splice(0, 2, 'potato', 'tomato'); console.log(fruits); //  ["potato", "tomato", "orange", "watermelon", "apple", "orange", "grape", "apple"] 

3. map() पद्धति का उपयोग किए बिना किसी सरणी को कैसे बदलना है

संभवतः हर कोई map() सरणी विधि जानता है, लेकिन एक और समाधान है जिसका उपयोग एक समान प्रभाव और स्वच्छ कोड प्राप्त करने के लिए किया जा सकता है। ऐसा करने के लिए, हम from() विधि from() उपयोग कर सकते हैं:

 const friends = [ { name: 'John', age: 22 }, { name: 'Peter', age: 23 }, { name: 'Mark', age: 24 }, { name: 'Maria', age: 22 }, { name: 'Monica', age: 21 }, { name: 'Martha', age: 19 }, ] const friendsNames = Array.from(friends, ({name}) => name); console.log(friendsNames); //  ['John', 'Peter', 'Mark', 'Maria', 'Monica', 'Martha'] 

4. एक सरणी को जल्दी से कैसे साफ़ करें

उदाहरण के लिए, हमारे पास एक सरणी है जिसमें कई तत्व हैं। हमें इसे साफ करने की जरूरत है (चाहे कोई भी उद्देश्य हो), जबकि हम तत्वों को एक-एक करके हटाना नहीं चाहते हैं। कोड की एक पंक्ति के साथ यह करना बहुत सरल है। सरणी को साफ़ करने के लिए, हमें सरणी की लंबाई 0 पर सेट करने की आवश्यकता है, और यह बात है!

 const fruits = ['banana', 'apple', 'orange', 'watermelon', 'apple', 'orange', 'grape', 'apple']; fruits.length = 0; console.log(fruits); //  [] 

5. किसी ऐरे को किसी ऑब्जेक्ट में कैसे बदलें

यह स्थिति होती है: हमारे पास एक सरणी है, लेकिन हमें इस डेटा के साथ एक ऑब्जेक्ट (फिर से, कोई फर्क नहीं पड़ता कि किस उद्देश्य के लिए) की जरूरत है और किसी सरणी को किसी ऑब्जेक्ट में बदलने का सबसे तेज़ तरीका प्रसार ( "..." ) ऑपरेटर का उपयोग करना है:

 const fruits = ['banana', 'apple', 'orange', 'watermelon', 'apple', 'orange', 'grape', 'apple']; const fruitsObj = { ...fruits }; console.log(fruitsObj); //  {0: 'banana', 1: 'apple', 2: 'orange', 3: 'watermelon', 4: 'apple', 5: 'orange', 6: 'grape', 7: 'apple'} 

6. समान मानों के साथ एक सरणी कैसे भरें

जब हम एक सरणी बनाना चाहते हैं और इसे कुछ मूल्यों के साथ भरना चाहते हैं, तो अलग-अलग स्थितियाँ होती हैं, या हमें उसी मान वाले सरणी की आवश्यकता होती है। ऐसे कार्यों के लिए fill() विधि एक महान समाधान है:

 const newArray = new Array(10).fill('1'); console.log(newArray); //  ["1", "1", "1", "1", "1", "1", "1", "1", "1", "1"] 

7. दो से अधिक सरणियों को कैसे संयोजित करें

क्या आप जानते हैं कि concat() पद्धति का उपयोग किए बिना सरणियों को एक में कैसे संयोजित किया जाए? कोड की एक पंक्ति के साथ किसी भी सरणी में किसी भी संख्या में सरणियों को संयोजित करने का एक आसान तरीका है। जैसा कि आप शायद पहले से ही समझते हैं, फैल ( "..." ) ऑपरेटर एक बहुत ही उपयोगी उपकरण है जब एरे के साथ काम करना, जैसा कि इस मामले में है:

 const fruits = ['apple', 'banana', 'orange']; const meat = ['poultry', 'beef', 'fish']; const vegetables = ['potato', 'tomato', 'cucumber']; const food = [...fruits, ...meat, ...vegetables]; console.log(food); //  ["apple", "banana", "orange", "poultry", "beef", "fish", "potato", "tomato", "cucumber"] 

8. दो सरणियों का प्रतिच्छेदन कैसे ज्ञात करें

आप किसी भी जावास्क्रिप्ट साक्षात्कार में इस कार्य का सामना कर सकते हैं, क्योंकि इसका समाधान आपके सरणी तरीकों के ज्ञान को दर्शाता है, साथ ही साथ आपको कैसा लगता है। दो सरणियों के सामान्य मूल्यों को खोजने के लिए, हम इस लेख में पहले से चर्चा की गई विधियों में से एक का उपयोग यह सुनिश्चित करने के लिए करेंगे कि जिस सरणी की हम जाँच कर रहे हैं, वे मान डुप्लिकेट नहीं हैं। इसके अलावा, हम filter() और includes() विधियों का उपयोग करेंगे। नतीजतन, हम उन तत्वों के साथ एक सरणी प्राप्त करते हैं जो दोनों सरणियों में दर्शाए जाते हैं:

 const numOne = [0, 2, 4, 6, 8, 8]; const numTwo = [1, 2, 3, 4, 5, 6]; const duplicatedValues = [...new Set(numOne)].filter(item => numTwo.includes(item)); console.log(duplicatedValues); //  [2, 4, 6] 

9. किसी सरणी से गलत मान कैसे निकालें

आरंभ करने के लिए, आइए झूठे मूल्यों को परिभाषित करें। जावास्क्रिप्ट में, गलत मान हैं: false , 0 , "" , null , NaN और undefined । अब हम यह पता लगा सकते हैं कि हमारे एरे से ऐसे मूल्यों को कैसे हटाया जाए। इसे प्राप्त करने के लिए, हमें filter() विधि की आवश्यकता है:

 const mixedArr = [0, 'blue', '', NaN, 9, true, undefined, 'white', false]; const trueArr = mixedArr.filter(Boolean); console.log(trueArr); //  ["blue", 9, true, "white"] 

10. एक यादृच्छिक सरणी मान कैसे प्राप्त करें

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

 const colors = ['blue', 'white', 'green', 'navy', 'pink', 'purple', 'orange', 'yellow', 'black', 'brown']; const randomColor = colors[(Math.floor(Math.random() * (colors.length)))]; console.log(randomColor); //      

11. विपरीत दिशा में सरणी का विस्तार कैसे करें

जब हमें अपने सरणी को "फ्लिप" करने की आवश्यकता होती है, तो इसे जटिल छोरों और कार्यों के माध्यम से बनाने की कोई आवश्यकता नहीं है, क्योंकि एक सरल reverse() सरणी विधि है जो हमारे लिए यह सब करती है, और कोड की एक पंक्ति के साथ हम अपने सरणी को "फ्लिप" कर सकते हैं:

 const colors = ['blue', 'white', 'green', 'navy', 'pink', 'purple', 'orange', 'yellow', 'black', 'brown']; const reversedColors = colors.reverse(); console.log(reversedColors); //  ["brown", "black", "yellow", "orange", "purple", "pink", "navy", "green", "white", "blue"] 

12. lastIndexOf() विधि

जावास्क्रिप्ट में एक दिलचस्प lastIndexOf(elem) विधि है जो आपको एक elem तत्व की अंतिम घटना का सूचकांक ढूंढने देती है। उदाहरण के लिए, यदि हमारे सरणी में डुप्लिकेट मान हैं, तो हम इसमें अंतिम घटना की स्थिति का पता लगा सकते हैं। निम्नलिखित कोड उदाहरण पर एक नज़र डालें:

 const nums = [1, 5, 2, 6, 3, 5, 2, 3, 6, 5, 2, 7]; const lastIndex = nums.lastIndexOf(5); console.log(lastIndex); //  9 

13. किसी सरणी में सभी मानों को कैसे योग करें

जावास्क्रिप्ट डेवलपर स्थिति के लिए एक साक्षात्कार के दौरान एक और लोकप्रिय सवाल। सभी तत्वों का योग कोड की एक पंक्ति में पाया जा सकता है, यदि आप reduce() विधि जानते हैं:

 const nums = [1, 5, 2, 6]; const sum = nums.reduce((x, y) => x + y); console.log(sum); //  14 

निष्कर्ष

इस लेख में, मैंने आपको स्वच्छ और संक्षिप्त कोड लिखने में मदद करने के लिए 13 उपयोगी ट्रिक्स से परिचित कराया। इसके अलावा, यह मत भूलो कि कई अलग-अलग तरकीबें हैं जिन्हें आप जावास्क्रिप्ट में उपयोग कर सकते हैं और जो न केवल सरणियों के साथ काम करने के लिए, बल्कि अन्य डेटा संरचनाओं के लिए भी अध्ययन करने योग्य हैं। मुझे उम्मीद है कि आपको लेख में प्रस्तुत समाधान पसंद आए और आप उनका उपयोग विकास प्रक्रिया को बेहतर बनाने के लिए करेंगे।

एक अच्छा लेखन कोड है!