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

अनुवादक से: आपके लिए एक लेख प्रकाशित किया मारिया एंटोनिएटा पर्ना, जो सामान्य जावास्क्रिप्ट कार्यों के बारे में बात करती हैं, अक्सर साक्षात्कार के दौरान डेवलपर आवेदकों को पेश किया जाता है। यह लेख, सबसे पहले, नौसिखिया प्रोग्रामर के लिए उपयोगी होगा।

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

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

अनुस्मारक: "हैबर" के सभी पाठकों के लिए - "हैबर" प्रचार कोड का उपयोग करके किसी भी स्किलबॉक्स पाठ्यक्रम में नामांकन करते समय 10 रूबल की छूट।

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

मुख्य बात यह है कि अपने साक्षात्कार के लिए पूरी तरह से तैयारी करें।

हां, इससे पहले कि हम कार्यों को देखना शुरू करें, आइए कुछ सामान्य साक्षात्कार तैयारी युक्तियों पर नजर डालें।

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

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

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

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

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

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

विलोमपद

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

मचान

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

पैलिंड्रोम('रेसकार') === सत्य
पैलिंड्रोम('टेबल') === गलत

आइए कार्य का विश्लेषण करें

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

समाधान

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

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() विधि (स्ट्रिंग लाइब्रेरी) का उपयोग करके एक सरणी में परिवर्तित करना होगा। फिर हम .revers() (ऐरे लाइब्रेरी) का उपयोग करके ऐरे को उलट देते हैं। अंतिम चरण .join() (ऐरे लाइब्रेरी) का उपयोग करके रिवर्स ऐरे को एक स्ट्रिंग में परिवर्तित करना है।

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

फ़िज़बज़

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

मचान

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

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

उदाहरण

फ़िज़बज़(5)

परिणाम

// 1
// 2
// फ़िज़
// 4
//चर्चा

आइए कार्य का विश्लेषण करें

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

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

इसलिए, यदि आप 12 को 5 से विभाजित करते हैं, तो आपको 2 प्राप्त होता है और शेष 2 बचता है। यदि आप 12 को 3 से विभाजित करते हैं, तो आपको 4 प्राप्त होता है और शेषफल 0 होता है। पहले मामले में, 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)
    }
  }
}

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

अनाग्राम

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

मचान

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

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

आइए कार्य का विश्लेषण करें

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

खोजक -> f: 1 मित्र -> f: 1
मैं: 1 आर: 1
एन: 1 मैं: 1
डी: 1 ई: 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 प्रॉपर्टी के साथ यह जांचने के लिए कर सकते हैं कि क्या दोनों स्ट्रिंग्स में वर्णों की संख्या समान है - यह एनाग्राम की एक महत्वपूर्ण विशेषता है।

स्वर खोजें

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

मचान

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

उदाहरण:

फाइंडवोवेल्स('हैलो') // —> 2
खोज स्वर('क्यों') // —> 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।

मचान

आपको एक फ़ंक्शन लिखना होगा जो एक निश्चित अनुक्रम में nवां रिकॉर्ड लौटाता है, जिसमें 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 हो तो हम रुक जाते हैं।

उत्पादन

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

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

• ऑनलाइन पाठ्यक्रम लागू किया "पायथन डेटा विश्लेषक".
• ऑनलाइन पाठ्यक्रम "प्रोफेशन फ्रंटएंड डेवलपर".
• व्यावहारिक वर्ष पाठ्यक्रम "PHP डेवलपर 0 से PRO तक".

स्रोत: www.habr.com