Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट के साथ रेंज बनाना

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

कई भाषाओं ने रेंज बनाने के तरीकों का निर्माण किया है, उदाहरण के लिए to_a रूबी में:

('a'..'e').to_a => ["a", "b", "c", "d", "e"]

जावास्क्रिप्ट में इसके लिए कोई विशिष्ट अंतर्निहित विधि नहीं है, लेकिन ऐसे कई तरीके हैं जिनसे हम श्रेणियां बना सकते हैं। हम आपको तीन दिखाएंगे।

_.रेंज() - लोदश

यदि हम संख्याओं की एक श्रेणी बनाना चाहते हैं और हम उन्हें जितनी जल्दी हो सके चाहते हैं, तो हम Lodash _.range() का उपयोग कर सकते हैं। उपयोग विधि।

यह विधि एक सरणी लौटाती है और तीन तर्क लेती है:प्रारंभ . के लिए पहला श्रेणी का, समाप्त . के लिए दूसरा चरण . के लिए श्रेणी का (अधिकतम) और तीसरा , या मूल्य द्वारा बढ़ा/घटाया गया।

_.range(-2);
// => [0, -1]
 
_.range(1, 3);
// => [1, 2]
 
_.range(1, 10, 4);
// => [1, 5, 9]

ध्यान दें कि यदि केवल एक तर्क प्रदान किया जाता है तो यह निर्दिष्ट संख्या तक एक सीमा बना देगा। साथ ही, याद रखें कि लोदाश एक जावास्क्रिप्ट लाइब्रेरी है जिसे हमें अलग से स्थापित करने की आवश्यकता है!

अपना खुद का बनाना रेंज () फ़ंक्शन।

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

function range(start, end, step = 1){
  if(start === end) return [start];
  const range = [];
  for(let i = start; i <= end; i += step){
     range.push(i);
  }
  
  return range;
}

range(1, 10, 4)
//  => [1, 5, 9]
range(1, 10)
// => [ 1, 2, 3, 4,  5, 6, 7, 8, 9, 10]

यह लिखना आसान है और हम केवल एक समारोह के लिए लोडाश जैसे पुस्तकालयों को आयात करने से बच सकते हैं!

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।

बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।

एक गैर-संख्या रेंज फ़ंक्शन बनाना

अब आप पूछ रहे होंगे कि गैर-संख्या श्रेणियों के बारे में क्या है, जैसे वर्ण? जावास्क्रिप्ट के साथ इसे लागू करने के लिए हमारे पास कुछ विकल्प हैं।

यहां हम charCodeAt() . का प्रयोग करेंगे एक संख्या प्राप्त करने के लिए विधि जिसे हम फिर बढ़ाएंगे और फिर String.fromCharCode() का उपयोग करके एक सरणी में धकेलेंगे , जो एक वर्ण कोड से एक वर्ण लौटाता है।

function charRange(start, stop) {
  const range = [];
  const end = stop.charCodeAt(0)
  for (let i = start.charCodeAt(0); i <= end; i++){
    range.push(String.fromCharCode(i));
  }
  return range;
};

charRange('A','F')
// => [ 'A', 'B', 'C', 'D', 'E', 'F' ]

आपके विचार से यह आसान था?

निष्कर्ष

अब आप जानते हैं कि जावास्क्रिप्ट के साथ खुद को रेंज बनाना कितना आसान हो सकता है। कृपया सुनिश्चित करें कि आप इन आसान कार्यों को सहेजते हैं, हमें यकीन है कि वे किसी बिंदु पर उपयोग में आएंगे!


  1. नए कीवर्ड के साथ जावास्क्रिप्ट सरणी बनाना।

    नए कीवर्ड के साथ JavaScript सरणी बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docume

  1. उदाहरण के साथ जावास्क्रिप्ट में वंशानुक्रम

    जावास्क्रिप्ट एक वस्तु-आधारित भाषा है जो प्रोटोटाइप पर आधारित है। प्रोटोटाइप ऑब्जेक्ट का उपयोग करके जावास्क्रिप्ट में वंशानुक्रम लागू किया गया है। जावास्क्रिप्ट में इनहेरिटेंस को लागू करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta

  1. जावास्क्रिप्ट के साथ वेब पेज पर 'कॉपी टू क्लिपबोर्ड' फीचर बनाना

    जावास्क्रिप्ट के साथ वेब पेज पर कॉपी टू क्लिपबोर्ड फीचर बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&