जावास्क्रिप्ट साक्षात्कार के लिए 5 विशिष्ट कार्य: पार्सिंग और समाधान

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

प्रौद्योगिकी कंपनियों में साक्षात्कार लंबे समय से एक बायर्ड है। यह आश्चर्यचकित नहीं है - एक सफल साक्षात्कार आपको एक अच्छी नौकरी पाने का अवसर देता है। लेकिन यह इतना सरल नहीं है, क्योंकि यह अक्सर जटिल समस्याओं को हल करने के लिए आवश्यक है।

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

हम आपको याद दिलाते हैं: "हैबर" के सभी पाठकों के लिए - "हैबर" प्रोमो कोड का उपयोग करके किसी भी स्किलबॉक्स कोर्स के लिए पंजीकरण करते समय 10,000 रूबल की छूट।

स्किलबॉक्स अनुशंसा करता है: व्यावहारिक पाठ्यक्रम "मोबाइल डेवलपर प्रो" ।

मुख्य बात आपके साक्षात्कार के लिए सावधानीपूर्वक तैयारी है

हां, इससे पहले कि आप कार्यों को अलग करना शुरू करें, आइए एक साक्षात्कार की तैयारी के लिए सामान्य सुझावों पर ध्यान दें।

मुख्य बात अग्रिम में तैयार करना है। देखें कि आप एल्गोरिदम और डेटा संरचनाओं को कितनी अच्छी तरह से याद करते हैं, और उन क्षेत्रों में ज्ञान को खींचते हैं जिनसे आप बहुत परिचित नहीं हैं। कई ऑनलाइन प्लेटफ़ॉर्म हैं जो साक्षात्कार के लिए तैयार करने में मदद करते हैं। हम GeeksforGeeks , Pramp , Interviewing.io और CodeSignal की सलाह देते हैं।

निर्णय को जोर से उच्चारण करना सीखने लायक है। आवेदकों को यह बताना उचित है कि आप क्या कर रहे हैं, और न केवल बोर्ड पर लिखें (या कंप्यूटर में टाइप कोड, चुपचाप भी)। इस प्रकार, यदि आप कोड में कोई गलती करते हैं, लेकिन निर्णय आम तौर पर सही होगा, तो आप अपनी सफलता की संभावना बढ़ा सकते हैं।

समाधान के साथ आगे बढ़ने से पहले समस्या को समझना चाहिए। कुछ मामलों में, आप सतही रूप से कार्य को समझ सकते हैं और फिर गलत तरीके से जा सकते हैं। यह साक्षात्कारकर्ता को कुछ स्पष्ट प्रश्न पूछने के लायक हो सकता है।

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

जावास्क्रिप्ट टेम्पलेट कार्य

संभवतः इनमें से कुछ कार्य पहले से ही आपके परिचित हैं। आप या तो साक्षात्कारों के माध्यम से चले गए जहां आपको कुछ समान हल करना था, या आपने जावास्क्रिप्ट सीखने के दौरान उन पर अभ्यास किया। खैर, अब उन्हें फिर से हल करने का समय है, प्रक्रिया की विस्तृत व्याख्या के साथ।

विलोमपद

एक पैलिंड्रोम एक शब्द, वाक्य या वर्णों का अनुक्रम होता है जिसे सामान्य दिशा और विपरीत में, दोनों को एक समान पढ़ा जा सकता है। उदाहरण के लिए, "अन्ना" एक ताल है, लेकिन "तालिका" और "जॉन" नहीं हैं।

उत्पादन

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

palindrome ('रेसकार') === सच
palindrome ('तालिका') === असत्य

हम कार्य को अलग करते हैं

यहां मुख्य विचार विपरीत दिशा में लाइन को फ्लिप करना है। यदि "रिवर्स" लाइन पूरी तरह से मूल के समान है, तो हमें एक पैलिंड्रोम मिला और फ़ंक्शन को सही लौटना चाहिए। अगर नहीं, तो झूठा।

निर्णय

यहाँ वह कोड है जो पलिंड्रोम को हल करता है।

const palindrome = str => { // turn the string to lowercase str = str.toLowerCase() // reverse input string and return the result of the // comparisong return str === str.split('').reverse().join('') } 

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

दूसरा चरण लाइन को उल्टा करना है। यह करना आसान है: आपको .split () विधि (स्ट्रिंग लाइब्रेरी) का उपयोग करके इसे एक सरणी में बदलने की आवश्यकता है। फिर हम .reverse () (एरे लाइब्रेरी) का उपयोग करके सरणी को फ्लिप करते हैं। अंतिम चरण .join () (एरे लाइब्रेरी) का उपयोग करके व्युत्क्रम सरणी को स्ट्रिंग में बदलना है।

अब जो कुछ भी आवश्यक है, वह मूल के साथ "रिवर्स" स्ट्रिंग की तुलना करना है, जिसके परिणामस्वरूप परिणाम सही या गलत है।

FizzBuzz

सबसे लोकप्रिय साक्षात्कार कार्यों में से एक।

उत्पादन

यह एक फ़ंक्शन लिखने के लिए आवश्यक है जो कंसोल से 1 से n तक की संख्या प्रदर्शित करता है, जहां n एक पूर्णांक है जिसे फ़ंक्शन पैरामीटर के रूप में लेता है, निम्न स्थितियों के साथ:

• 3 के गुणकों के बजाय fizz आउटपुट;
• 5 के गुणकों के बजाय बज़ आउटपुट;
• fizzbuzz आउटपुट उन संख्याओं के बजाय जो 3 और 5 दोनों के गुणक हैं।

उदाहरण

फ़िज़बज़ (5)

परिणाम

// 1
// 2
// फ़िज़
// 4
// बज़

हम कार्य को अलग करते हैं

यहां मुख्य बात जावास्क्रिप्ट का उपयोग करके कई नंबरों की खोज करने का तरीका है। इसे मॉड्यूल ऑपरेटर या शेष -% का उपयोग करके लागू किया जा सकता है, जो आपको दो संख्याओं को विभाजित करते समय शेष दिखाने की अनुमति देता है। यदि शेष 0 है, तो इसका मतलब है कि पहली संख्या दूसरी की एक बहु है।

12% 5 // 2 -> 12 5 का गुणक नहीं है
12% 3 // 0 -> 12 3 के कई है

इसलिए, यदि हम 12 को 5 से विभाजित करते हैं, तो हमें शेष 2 के साथ 2 मिलता है। यदि हम 12 को 3 से विभाजित करते हैं, तो हमें शेष 4 के साथ 4 मिलता है। पहले मामले में, 12 5 का एक से अधिक नहीं है, दूसरे में - 12 3 का एक बहु है।

निर्णय

सबसे अच्छा समाधान निम्नलिखित कोड होगा:

 const fizzBuzz = num => { for(let i = 1; i <= num; i++) { // check if the number is a multiple of 3 and 5 if(i % 3 === 0 && i % 5 === 0) { console.log('fizzbuzz') } // check if the number is a multiple of 3 else if(i % 3 === 0) { console.log('fizz') } // check if the number is a multiple of 5 else if(i % 5 === 0) { console.log('buzz') } else { console.log(i) } } } 

फ़ंक्शन सशर्त बयानों का उपयोग करके आवश्यक जांच करता है और उस परिणाम का उत्पादन करता है जिसकी उपयोगकर्ता को आवश्यकता होती है। कार्य को यदि ... अन्य कथनों के क्रम पर ध्यान देना चाहिए: एक दोहरी स्थिति (&&) के साथ शुरू करें और उस मामले के साथ समाप्त करें जब कई नंबर नहीं मिल सके। नतीजतन, हम सभी विकल्पों को कवर करते हैं।

अनाग्राम

यह एक ऐसे शब्द का नाम है, जिसमें किसी दूसरे शब्द के सभी अक्षर समान मात्रा में होते हैं, लेकिन एक अलग क्रम में।

उत्पादन

आपको एक फ़ंक्शन लिखने की ज़रूरत है जो यह जांचती है कि दो लाइनें एनाग्राम हैं, और अक्षरों का मामला मायने नहीं रखता है। केवल पात्रों को ध्यान में रखा जाता है; रिक्त स्थान या विराम चिह्न को ध्यान में नहीं रखा जाता है।

अनाग्राम ('खोजक', 'मित्र') -> सत्य
अनाग्राम ('हैलो', 'अलविदा') -> असत्य

हम कार्य को अलग करते हैं

यह विचार करना महत्वपूर्ण है कि प्रत्येक पत्र को दो इनपुट लाइनों और प्रत्येक पंक्ति में उनकी संख्या की जांच करना आवश्यक है।

खोजक -> एफ: 1 दोस्त -> एफ: 1
i: 1 आर: 1
n: 1 i: 1
डी: 1 ई: 1
ई: 1 एन: 1
आर: १ डी: १

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

अन्य शर्तें हैं:

• आपको यह सुनिश्चित करने की आवश्यकता है कि तुलना करते समय पत्रों के मामले को ध्यान में नहीं रखा गया है। बस दोनों स्ट्रिंग्स को लोअरकेस या अपरकेस में कनवर्ट करें।
• हम सभी गैर-पात्रों की तुलना से बाहर रखते हैं। नियमित अभिव्यक्तियों के साथ काम करना सबसे अच्छा है।

निर्णय

 // helper function that builds the // object to store the data const buildCharObject = str => { const charObj = {} for(let char of str.replace(/[^\w]/g).toLowerCase()) { // if the object has already a key value pair // equal to the value being looped over, // increase the value by 1, otherwise add // the letter being looped over as key and 1 as its value charObj[char] = charObj[char] + 1 || 1 } return charObj } // main function const anagram = (strA, strB) => { // build the object that holds strA data const aCharObject = buildCharObject(strA) // build the object that holds strB data const bCharObject = buildCharObject(strB) // compare number of keys in the two objects // (anagrams must have the same number of letters) if(Object.keys(aCharObject).length !== Object.keys(bCharObject).length) { return false } // if both objects have the same number of keys // we can be sure that at least both strings // have the same number of characters // now we can compare the two objects to see if both // have the same letters in the same amount for(let char in aCharObject) { if(aCharObject[char] !== bCharObject[char]) { return false } } // if both the above checks succeed, // you have an anagram: return true return true } 

ऊपर दिए गए स्निपेट में Object.keys () के उपयोग पर ध्यान दें। यह विधि किसी सरणी को उसी क्रम में नाम या कुंजियों से युक्त करती है जैसे वे ऑब्जेक्ट में दिखाई देते हैं। इस स्थिति में, सरणी इस प्रकार होगी:

[[एफ ’, 'आई’,' एन ’,, डी’,, ई ’, 'आर’]

इस प्रकार, हमें एक वॉल्यूम चक्र करने की आवश्यकता के बिना ऑब्जेक्ट के गुण मिलते हैं। कार्य में, आप इस विधि का उपयोग .length गुण के साथ कर सकते हैं - यह जांचने के लिए कि क्या दोनों वर्णों में समान संख्या है - यह विपर्यय की एक महत्वपूर्ण विशेषता है।

स्वर की खोज

एक काफी सरल कार्य जो अक्सर साक्षात्कार में आता है।

उत्पादन

आपको एक फ़ंक्शन लिखने की ज़रूरत है जो एक स्ट्रिंग को एक तर्क के रूप में लेती है और स्ट्रिंग में निहित स्वरों की संख्या लौटाती है।
स्वर "ए", "ई", "आई", "ओ", "यू" हैं।

एक उदाहरण:

findVowels ('हैलो') // -> 2
findVowels ('क्यों') // -> 0

निर्णय

यहाँ सबसे आसान विकल्प है:

 const findVowels = str => { let count = 0 const vowels = ['a', 'e', 'i', 'o', 'u'] for(let char of str.toLowerCase()) { if(vowels.includes(char)) { count++ } } return count } 

.Includes () पद्धति के उपयोग पर ध्यान देना महत्वपूर्ण है। यह तार और सरणियों दोनों के लिए उपलब्ध है। यह निर्धारित करने के लिए उपयोग किया जाना चाहिए कि किसी सरणी में कोई विशिष्ट मान है या नहीं। यह विधि सही है यदि सरणी में निर्दिष्ट मान है, और गलत है यदि नहीं।

समस्या का अधिक संक्षिप्त समाधान है:

 const findVowels = str => { const matched = str.match(/[aeiou]/gi) return matched ? matches.length : 0 } 

इसमें .match () विधि शामिल है, जो आपको एक कुशल खोज को लागू करने की अनुमति देती है। यदि विधि के लिए एक तर्क के रूप में नियमित अभिव्यक्ति निर्दिष्ट स्ट्रिंग के अंदर पाई जाती है, तो मिलान वर्णों का सरणी लौटाया गया मान बन जाता है। ठीक है, अगर कोई मैच नहीं है, तो .match () रिटर्न शून्य है।

फाइबोनैचि

एक क्लासिक कार्य जो विभिन्न स्तरों के साक्षात्कारों में पाया जा सकता है। यह याद रखने योग्य है कि फाइबोनैचि अनुक्रम संख्याओं की एक श्रृंखला है, जहां प्रत्येक बाद में पिछले दो का योग है। तो, पहले दस नंबर इस प्रकार हैं: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34।

उत्पादन

हमें एक फ़ंक्शन लिखने की ज़रूरत है जो एक निश्चित अनुक्रम में nth रिकॉर्ड लौटाता है, और n वह संख्या है जो फ़ंक्शन के तर्क के रूप में पारित की जाती है।

रिट्रेसमेंट (3) // -> 2

इस कार्य में तर्क में निर्दिष्ट के रूप में कई बार लूपिंग शामिल है, उचित स्थिति पर मूल्य लौटाता है। समस्या के बयान के इस तरीके के लिए चक्र के उपयोग की आवश्यकता होती है। यदि आप इसके बजाय पुनरावृत्ति का उपयोग करते हैं, तो साक्षात्कारकर्ता इसे पसंद कर सकता है और आपको कुछ अतिरिक्त अंक दे सकता है।

निर्णय

 const fibonacci = num => { // store the Fibonacci sequence you're going // to generate inside an array and // initialize the array with the first two // numbers of the sequence const result = [0, 1] for(let i = 2; i <= num; i++) { // push the sum of the two numbers // preceding the position of i in the result array // at the end of the result array const prevNum1 = result[i - 1] const prevNum2 = result[i - 2] result.push(prevNum1 + prevNum2) } // return the last value in the result array return result[num] } 

परिणाम सरणी में, पहले दो नंबर एक पंक्ति में निहित हैं, क्योंकि अनुक्रम में प्रत्येक रिकॉर्ड में पिछले दो संख्याओं का योग होता है। बहुत शुरुआत में, दो नंबर नहीं हैं जिन्हें आप अगला नंबर प्राप्त करने के लिए ले सकते हैं, इसलिए चक्र उन्हें स्वचालित मोड में उत्पन्न नहीं कर सकता है। लेकिन, जैसा कि हम जानते हैं, पहले दो नंबर हमेशा 0 और 1. होते हैं, इसलिए, आप मैन्युअल रूप से परिणामों की एक सरणी को इनिशियलाइज़ कर सकते हैं।

पुनरावृत्ति के रूप में, यहाँ सब कुछ सरल और अधिक जटिल है:

 const fibonacci = num => { // if num is either 0 or 1 return num if(num < 2) { return num } // recursion here return fibonacci(num - 1) + fibonacci(num - 2) } 

हम तर्कों को जारी रखना चाहते हैं। जब तर्क 0 या 1 पास हो जाए तो हम रुक जाते हैं।

निष्कर्ष

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

स्किलबॉक्स अनुशंसा करता है:

• एप्लाइड पायथन डेटा विश्लेषक ऑनलाइन पाठ्यक्रम।
  
• ऑनलाइन कोर्स "प्रोफेशन फ्रंटेंड-डेवलपर । "
• व्यावहारिक वार्षिक पाठ्यक्रम "पीएचपी-डेवलपर 0 से प्रो तक" ।