5 ठराविक JavaScript मुलाखत कार्ये: विश्लेषण आणि उपाय

अनुवादकाकडून: तुमच्यासाठी एक लेख प्रकाशित केला आहे मारिया अँटोनिटा पेर्ना, जी सामान्य JavaScript कार्यांबद्दल बोलतात, बहुतेकदा विकासक अर्जदारांना मुलाखती दरम्यान ऑफर केले जाते. लेख उपयुक्त ठरेल, सर्व प्रथम, नवशिक्या प्रोग्रामरसाठी.

टेक कंपन्यांमधील मुलाखती फार पूर्वीपासूनच चर्चेत आहेत. हे आश्चर्यकारक नसावे - मुलाखत यशस्वीरित्या उत्तीर्ण केल्याने तुम्हाला चांगली नोकरी मिळण्याची संधी मिळते. परंतु हे इतके सोपे नाही, कारण जटिल समस्यांचे निराकरण करणे आवश्यक आहे.

शिवाय, बहुतेकदा, यापैकी बहुतेक कार्ये अर्जदाराने केलेल्या कामाशी संबंधित नसतात, परंतु तरीही त्यांचे निराकरण करणे आवश्यक आहे. काहीवेळा तुम्हाला ते Google किंवा इतर कोणत्याही स्त्रोताशी न तपासता बोर्डवर करावे लागेल. होय, परिस्थिती हळूहळू बदलत आहे आणि काही कंपन्या अशा मुलाखती सोडून देत आहेत, परंतु बरेच नियोक्ते अजूनही या परंपरेचे पालन करतात. हा लेख ठराविक JavaScript टास्कच्या विश्लेषणासाठी समर्पित आहे ज्याचा उपयोग नोकरी शोधणाऱ्यांसाठी कार्य म्हणून केला जातो.

आम्ही आठवण करून देतो: सर्व Habr वाचकांसाठी - Habr प्रोमो कोड वापरून कोणत्याही स्किलबॉक्स कोर्समध्ये नावनोंदणी करताना 10 रूबल सवलत.

स्किलबॉक्स शिफारस करतो: प्रॅक्टिकल कोर्स "मोबाइल डेव्हलपर प्रो".

मुख्य म्हणजे तुमच्या मुलाखतीची पूर्ण तयारी करणे.

होय, आपण कार्ये पाहण्याआधी, मुलाखतीच्या तयारीच्या काही सामान्य टिप्स पाहू.

मुख्य गोष्ट आगाऊ तयार करणे आहे. तुम्ही अल्गोरिदम आणि डेटा स्ट्रक्चर्स किती चांगले लक्षात ठेवता याची चाचणी घ्या आणि तुम्हाला फारशी परिचित नसलेल्या भागात तुमचे ज्ञान सुधारा. असे अनेक ऑनलाइन प्लॅटफॉर्म आहेत जे तुम्हाला मुलाखतीसाठी तयार करण्यात मदत करू शकतात. आम्ही सल्ला देतो geeksforgeeks, प्रॅम्प, Interviewing.io и कोडसिग्नल.

निर्णय मोठ्याने सांगणे शिकण्यासारखे आहे. अर्जदारांना तुम्ही काय करता ते सांगण्याचा सल्ला दिला जातो आणि फक्त बोर्डवर लिहू नका (किंवा संगणकात कोड टाइप करा, शांतपणे). अशा प्रकारे, जर तुम्ही कोडमध्ये चूक केली असेल, परंतु उपाय सामान्यतः बरोबर असेल, तर तुम्ही तुमच्या यशाची शक्यता वाढवू शकता.

आपण समस्येचे निराकरण करण्यास प्रारंभ करण्यापूर्वी आपल्याला समस्या समजून घेणे आवश्यक आहे. काही प्रकरणांमध्ये, आपण एखादे कार्य वरवर समजून घेऊ शकता आणि नंतर चुकीच्या मार्गावर जाऊ शकता. मुलाखतकाराला काही स्पष्ट करणारे प्रश्न विचारणे योग्य ठरेल.

तुम्हाला PC वर नव्हे तर हाताने कोड लिहिण्याचा सराव करावा लागेल. असे घडते की मुलाखती दरम्यान अर्जदाराला मार्कर आणि व्हाईटबोर्ड दिला जातो, जेथे कोणतेही संकेत किंवा स्वयंचलित स्वरूपन नसते. उपाय शोधत असताना, तुमचा कोड कागदाच्या तुकड्यावर किंवा थेट बोर्डवर लिहून ठेवणे योग्य आहे. आपण सर्वकाही आपल्या डोक्यात ठेवल्यास, आपण काहीतरी महत्त्वाचे विसरू शकता.

JavaScript मध्ये टेम्पलेट कार्ये

यापैकी काही कार्ये कदाचित तुम्हाला आधीच परिचित आहेत. तुम्‍ही एकतर मुलाखती घेतल्या आहेत जिथे तुम्‍हाला तत्सम काहीतरी सोडवायचे होते किंवा JavaScript शिकताना त्यावर सराव केला आहे. बरं, आता त्यांना पुन्हा सोडवण्याची वेळ आली आहे आणि प्रक्रियेच्या तपशीलवार स्पष्टीकरणासह.

पॅलिंड्रोम

पॅलिंड्रोम हा एक शब्द, वाक्य किंवा वर्णांचा क्रम आहे जो नेहमीच्या दिशेने आणि विरुद्ध दिशेने अगदी सारखाच वाचला जातो. उदाहरणार्थ, "अण्णा" एक पॅलिंड्रोम आहे, परंतु "टेबल" आणि "जॉन" नाहीत.

स्टेजिंग

एक स्ट्रिंग दिली; तुम्हाला एक फंक्शन लिहिण्याची आवश्यकता आहे जे तुम्हाला स्ट्रिंग पॅलिंड्रोम असल्यास सत्य आणि नसल्यास खोटे परत येऊ देते. या प्रकरणात, आपल्याला रिक्त स्थाने आणि विरामचिन्हे विचारात घेणे आवश्यक आहे.

palindrome('racecar') === खरे
पॅलिंड्रोम('टेबल') === खोटे

चला कार्याचे विश्लेषण करूया

येथे मुख्य कल्पना स्ट्रिंग उलट करणे आहे. जर "रिव्हर्स" स्ट्रिंग मूळ स्ट्रिंगशी पूर्णपणे एकसारखी असेल, तर आम्हाला पॅलिंड्रोम प्राप्त झाला आहे आणि फंक्शन सत्यात परत आले पाहिजे. नसल्यास, खोटे.

निर्णय

पॅलिंड्रोम सोडवणारा कोड येथे आहे.

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() (Array library) वापरून अ‍ॅरे उलट करतो. शेवटची पायरी म्हणजे .join() (अॅरे लायब्ररी) वापरून रिव्हर्स अॅरेला स्ट्रिंगमध्ये रूपांतरित करणे.

आता तुम्हाला फक्त “रिव्हर्स” स्ट्रिंगची मूळ स्ट्रिंगशी तुलना करायची आहे, निकाल खरा किंवा खोटा आहे.

FizzBuzz

मुलाखतींमधील सर्वात लोकप्रिय कार्यांपैकी एक.

स्टेजिंग

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

• 3 च्या पटांऐवजी फिझ आउटपुट करा;
• 5 च्या पटीत असलेल्या संख्येऐवजी आउटपुट बझ;
• 3 आणि 5 दोन्हीच्या पटीत असलेल्या संख्यांऐवजी fizzbuzz आउटपुट.

उदाहरण:

Fizzbuzz(5)

परिणाम

// २०
// २०
// फिझ
// २०
//buzz

चला कार्याचे विश्लेषण करूया

येथे मुख्य गोष्ट म्हणजे JavaScript वापरून गुणाकार शोधण्याचा मार्ग. हे मॉड्यूलस ऑपरेटर किंवा उर्वरित - % वापरून लागू केले जाऊ शकते, जे तुम्हाला दोन संख्या विभाजित करताना उर्वरित दर्शवू देते. जर उरलेली संख्या 0 असेल, तर याचा अर्थ पहिली संख्या दुसऱ्याचा गुणाकार आहे.

१२% ५ // २ -> १२ हा ५ चा गुणाकार नाही
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 स्टेटमेंटच्या क्रमाकडे लक्ष देणे योग्य आहे: दुहेरी अटी (&&) ने सुरू करा आणि जेथे अनेक संख्या सापडल्या नाहीत अशा केससह समाप्त करा. परिणामी, आम्ही सर्व पर्याय कव्हर करतो.

अॅनाग्राम

हे अशा शब्दाचे नाव आहे ज्यामध्ये दुसर्‍या शब्दाची सर्व अक्षरे समान संख्येत आहेत, परंतु भिन्न क्रमाने आहेत.

स्टेजिंग

आपल्याला एक फंक्शन लिहावे लागेल जे दोन स्ट्रिंग अॅनाग्राम आहेत की नाही हे तपासते आणि केस काही फरक पडत नाही. फक्त वर्ण मोजले जातात; मोकळी जागा किंवा विरामचिन्हे विचारात घेतलेली नाहीत.

anagram('शोधक', 'मित्र') —> खरे
anagram('hello', 'bye') —> असत्य

चला कार्याचे विश्लेषण करूया

येथे विचारात घेण्यासारखी महत्त्वाची गोष्ट म्हणजे दोन इनपुट ओळींमधील प्रत्येक अक्षर आणि प्रत्येक ओळीतील त्यांची संख्या तपासणे आवश्यक आहे.

शोधक —> f: 1 मित्र —> f: 1
i: 1 आर: 1
n: 1 i: 1
d: 1 e: 1
e: 1 n: 1
r: 1 d: 1

अॅनाग्राम डेटा संग्रहित करण्यासाठी, तुम्ही JavaScript ऑब्जेक्ट लिटरल सारखी रचना निवडावी. या प्रकरणात मुख्य म्हणजे अक्षराचे वर्ण, मूल्य म्हणजे वर्तमान ओळीतील त्याच्या पुनरावृत्तीची संख्या.

इतर अटी आहेत:

• तुलना करताना अक्षरांचे केस विचारात घेतले जात नाही याची खात्री करणे आवश्यक आहे. आम्ही दोन्ही स्ट्रिंग्स लोअर किंवा अप्पर केसमध्ये रूपांतरित करतो.
• आम्ही सर्व गैर-वर्णांना तुलनामधून वगळतो. सोबत काम करणे उत्तम नियमित अभिव्यक्ती.

निर्णय

// 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() वरील स्निपेट मध्ये. ही पद्धत ऑब्जेक्टमध्ये दिसत असलेल्या क्रमाने नावे किंवा की असलेली अॅरे परत करते. या प्रकरणात अॅरे असे असेल:

['f', 'i', 'n', 'd', 'e', ​​'r']

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

स्वरांचा शोध घ्या

बर्‍याचदा मुलाखतींमध्ये समोर येणारे सोपे कार्य.

स्टेजिंग

तुम्हाला असे फंक्शन लिहावे लागेल जे स्ट्रिंगला वितर्क म्हणून घेते आणि स्ट्रिंगमध्ये समाविष्ट असलेल्या स्वरांची संख्या परत करते.
स्वर आहेत “a”, “e”, “i”, “o”, “u”.

उदाहरण:

findVowels('hello') // —> २
findVowels('why') // —> 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 ही संख्या आहे जी फंक्शनला वितर्क म्हणून दिली जाते.

फिबोनाची(३) // —> २

या कार्यामध्ये तर्कामध्ये निर्दिष्ट केलेल्या लूपमधून चालणे, योग्य स्थानावर मूल्य परत करणे समाविष्ट आहे. समस्या मांडण्याच्या या मार्गासाठी लूप वापरणे आवश्यक आहे. त्याऐवजी तुम्ही पुनरावृत्तीचा वापर केल्यास, ते मुलाखतकाराला संतुष्ट करू शकते आणि तुम्हाला काही अतिरिक्त गुण देऊ शकते.

निर्णय

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)
}

आम्ही वितर्क म्हणून लहान आणि लहान संख्या पास करत fibonacci() म्हणत राहतो. पास केलेला युक्तिवाद 0 किंवा 1 असतो तेव्हा आम्ही थांबतो.

निष्कर्ष

बहुधा, जर तुमची फ्रंटएंड किंवा JavaScript डेव्हलपर जॉबसाठी मुलाखत घेतली गेली असेल (विशेषतः जर ते कनिष्ठ स्तरावर असेल तर) तुम्हाला यापैकी कोणतीही कार्ये आधीच आली असतील. परंतु जर तुम्ही त्यांना भेटले नसाल, तर ते भविष्यात उपयोगी ठरतील - किमान सामान्य विकासासाठी.

स्किलबॉक्स शिफारस करतो:

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

स्त्रोत: www.habr.com