13 व्यवहारिक JavaScript व्यूह युक्तियाँ आपको पता होनी चाहिए

Nov 26 2022
एक सरणी जावास्क्रिप्ट की सबसे आम अवधारणाओं में से एक है, जो हमें अंदर संग्रहीत डेटा के साथ काम करने की बहुत संभावनाएं देती है। यह ध्यान में रखते हुए कि सरणी जावास्क्रिप्ट में सबसे बुनियादी विषयों में से एक है, जिसके बारे में आप अपने प्रोग्रामिंग पथ की शुरुआत में सीखते हैं, इस लेख में, मैं आपको कुछ तरकीबें दिखाना चाहूंगा जिनके बारे में आप नहीं जानते होंगे और जो बहुत कोडिंग में मददगार! आएँ शुरू करें।

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

1. एक सरणी से डुप्लिकेट निकालें

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

var fruits = [“banana”, “apple”, “orange”, “watermelon”, “apple”, “orange”, “grape”, “apple”];

// First method
var uniqueFruits = Array.from(new Set(fruits));
console.log(uniqueFruits); // returns ["banana", "apple", "orange", "watermelon", "grape"]
// Second method
var uniqueFruits2 = […new Set(fruits)];
console.log(uniqueFruits2); // returns ["banana", "apple", "orange", "watermelon", "grape"]

कभी-कभी कोड बनाते समय सरणी में एक विशिष्ट मान को बदलना आवश्यक होता है, और ऐसा करने के लिए एक अच्छा छोटा तरीका है जिसे आप अभी तक नहीं जानते होंगे। इसके लिए, हम .splice(start, value to remove, valueToAdd) का उपयोग कर सकते हैं और यह निर्दिष्ट करते हुए कि हम संशोधन कहां से शुरू करना चाहते हैं, हम कितने मूल्यों को बदलना चाहते हैं और नए मूल्यों को निर्दिष्ट करते हुए सभी तीन मापदंडों को पारित कर सकते हैं।

var fruits = [“banana”, “apple”, “orange”, “watermelon”, “apple”, “orange”, “grape”, “apple”];
fruits.splice(0, 2, “potato”, “tomato”);
console.log(fruits); // returns [“potato”, “tomato”, “orange”, “watermelon”, “apple”, “orange”, “grape”, “apple”]

शायद हर कोई सरणी के .map() विधि को जानता है, लेकिन एक अलग समाधान है जिसका उपयोग समान प्रभाव और बहुत साफ कोड प्राप्त करने के लिए भी किया जा सकता है। हम इस उद्देश्य के लिए .from() विधि का उपयोग कर सकते हैं।

var 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 },
]

var friendsNames = Array.from(friends, ({name}) => name);
console.log(friendsNames); // returns ["John", "Peter", "Mark", "Maria", "Monica", "Martha"]

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

var fruits = [“banana”, “apple”, “orange”, “watermelon”, “apple”, “orange”, “grape”, “apple”];

fruits.length = 0;
console.log(fruits); // returns []

ऐसा होता है कि हमारे पास एक सरणी है, लेकिन किसी उद्देश्य के लिए हमें इस डेटा के साथ एक वस्तु की आवश्यकता होती है, और सरणी को किसी वस्तु में बदलने का सबसे तेज़ तरीका एक प्रसिद्ध प्रसार ऑपरेटर (…) का उपयोग करना है।

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

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

var newArray = new Array(10).fill(“1”);
console.log(newArray); // returns [“1”, “1”, “1”, “1”, “1”, “1”, “1”, “1”, “1”, “1”, “1”]

क्या आप जानते हैं कि .concat () विधि का उपयोग न करने पर सरणियों को एक सरणी में कैसे मर्ज किया जाए? कोड की एक पंक्ति में किसी भी मात्रा में सरणियों को मर्ज करने का एक सरल तरीका है। जैसा कि आप शायद पहले ही महसूस कर चुके हैं कि प्रसार ऑपरेटर (...) सरणियों के साथ काम करते समय बहुत उपयोगी है और इस मामले में भी ऐसा ही है।

var fruits = [“apple”, “banana”, “orange”];
var meat = [“poultry”, “beef”, “fish”];
var vegetables = [“potato”, “tomato”, “cucumber”];
var food = […fruits, …meat, …vegetables];
console.log(food); // [“apple”, “banana”, “orange”, “poultry”, “beef”, “fish”, “potato”, “tomato”, “cucumber”]

यह सबसे लोकप्रिय चुनौतियों में से एक है जिसका आप किसी भी Javascript साक्षात्कार में सामना कर सकते हैं क्योंकि यह दिखाता है कि क्या आप सरणी विधियों का उपयोग कर सकते हैं और आपका तर्क क्या है। दो सरणियों के प्रतिच्छेदन को खोजने के लिए, हम इस आलेख में पहले दिखाए गए तरीकों में से एक का उपयोग करेंगे, यह सुनिश्चित करने के लिए कि हम जिस सरणी की जांच कर रहे हैं उसमें डुप्लिकेट नहीं हैं और हम .filter विधि और .includes विधि का उपयोग करेंगे। नतीजतन, हम सरणी को उन मानों के साथ प्राप्त करेंगे जो दोनों सरणियों में प्रस्तुत किए गए थे। कोड जांचें:

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

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

var mixedArr = [0, “blue”, “”, NaN, 9, true, undefined, “white”, false];
var trueArr = mixedArr.filter(Boolean);
console.log(trueArr); // returns [“blue”, 9, true, “white”]

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

var colors = [“blue”, “white”, “green”, “navy”, “pink”, “purple”, “orange”, “yellow”, “black”, “brown”];
var randomColor = colors[(Math.floor(Math.random() * (colors.length)))]

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

var colors = [“blue”, “white”, “green”, “navy”, “pink”, “purple”, “orange”, “yellow”, “black”, “brown”];
var reversedColors = colors.reverse();
console.log(reversedColors); // returns [“brown”, “black”, “yellow”, “orange”, “purple”, “pink”, “navy”, “green”, “white”, “blue”]

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

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

एक और चुनौती जो कि Javascript Engineer के इंटरव्यू के दौरान अक्सर होती है। यहाँ कुछ भी डरावना नहीं आता; इसे कोड की एक पंक्ति में .reduce विधि का उपयोग करके हल किया जा सकता है। आइए कोड देखें:

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

लेवल अप कोडिंग

हमारे समुदाय का हिस्सा बनने के लिए धन्यवाद! तुम्हारे जाने से पहले:

  • कहानी के लिए ताली बजाएं और लेखक को फॉलो करें
  • लेवल अप कोडिंग प्रकाशन में अधिक सामग्री देखें
  • हमें फॉलो करें: ट्विटर | लिंक्डइन | समाचार पत्रिका