11 जावास्क्रिप्ट वन-लाइनर्स आपको पता होना चाहिए

जावास्क्रिप्ट सबसे लोकप्रिय प्रोग्रामिंग भाषाओं में से एक है। इसका उपयोग वेबसाइट, वेब एप्लिकेशन, वेब सर्वर, गेम, मोबाइल एप्लिकेशन और बहुत कुछ विकसित करने के लिए किया जाता है।

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

इस लेख में, आप 11 जावास्क्रिप्ट वन-लाइनर्स के बारे में जानेंगे जो आपको एक समर्थक की तरह कोड करने में मदद करेंगे।

1. एक स्ट्रिंग को स्नेक_केस से कैमलकेस में कैसे बदलें

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

प्रोग्रामिंग भाषाएं- और प्रोग्रामर- चर और विधि नामों के लिए विभिन्न आवरण योजनाओं का उपयोग करते हैं।

स्नेक_केस स्ट्रिंग्स के उदाहरण: hello_world, this_is_a_variable, SCREAMING_SNAKE_CASE

कैमलकेस स्ट्रिंग्स के उदाहरण: helloWorld, thisIsVariable, makeUseOf

आप निम्न कोड का उपयोग करके एक स्नेक_केस स्ट्रिंग को कैमलकेस में बदल सकते हैं:

const ConvertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
चलो s1 = "हैलो_वर्ल्ड";
कंसोल.लॉग (कन्वर्टस्नेकटोकैमल (एस1));
चलो s2 = "make_use_of";
कंसोल.लॉग (कन्वर्टस्नेकटोकैमल (एस2));
चलो s3 = "this_is_a_variable";
कंसोल.लॉग (कन्वर्टस्नेकटोकैमल (एस3));

उत्पादन:

नमस्ते दुनिया
उपयोग करना
यहअपरिवर्तनीय है

2. जावास्क्रिप्ट ऐरे को कैसे शफल करें

किसी सरणी को शफ़ल करने का अर्थ है उसके तत्वों को बेतरतीब ढंग से पुनर्व्यवस्थित करना। आप निम्न कोड का उपयोग करके जावास्क्रिप्ट सरणी को फेरबदल कर सकते हैं:

const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random());
चलो arr1 = [1, 2, 3, 4, 5];
कंसोल.लॉग (shuffleArray (arr1));
आने दो = [12, 34, 45, 43];
कंसोल.लॉग (shuffleArray (arr2));
माना arr3 = [2, 4, 6, 8, 10];
कंसोल.लॉग (shuffleArray (arr3));

उत्पादन:

[ 3, 5, 1, 4, 2 ]
[ 45, 34, 12, 43 ]
[ 4, 10, 2, 6, 8 ]

आपको इस कोड के अलग-अलग रनों में अलग-अलग आउटपुट मिलेंगे।

सम्बंधित: जावास्क्रिप्ट एरो फंक्शन आपको एक बेहतर डेवलपर बना सकते हैं

3. किसी सरणी का औसत कैसे ज्ञात करें

औसत औसत तत्वों की संख्या से विभाजित सरणी के तत्वों का योग है। आप निम्न कोड का उपयोग करके जावास्क्रिप्ट में एक सरणी का औसत पा सकते हैं:

स्थिरांक गणना औसत = (गिरफ्तारी) => arr.reduce((a, b) => a + b, 0) / arr.length;
चलो arr1 = [1, 2, 3, 4, 5];
कंसोल.लॉग (गणना औसत (एआर 1));
आने दो = [12, 34, 45, 43];
कंसोल.लॉग (गणना औसत (गिरफ्तारी 2));
माना arr3 = [2, 4, 6, 8, 10];
कंसोल.लॉग (गणना औसत (एआर 3));

उत्पादन:

3
33.5
6

सम्बंधित: पायथन, सी ++, जावास्क्रिप्ट और सी में एक सरणी का माध्य कैसे खोजें?

4. जावास्क्रिप्ट का उपयोग करके डार्क मोड का पता कैसे लगाएं

वेब ब्राउज़र में कोड चलने से, आप निम्न वन-लाइनर का उपयोग करके डार्क मोड का पता लगा सकते हैं:

कॉन्स डार्कमोड = विंडो.मैचमीडिया && विंडो।मैचमीडिया ('(पसंद-रंग-स्कीम: डार्क)')। मैच;
कंसोल.लॉग (डार्कमोड);

बयान वापस आ जाएगा सच अगर डार्क मोड चल रहा है, नहीं तो यह वापस आ जाएगा झूठा.

5. जावास्क्रिप्ट का उपयोग करके एक Apple ब्राउज़र का पता कैसे लगाएं

आप इस साधारण रेगुलर एक्सप्रेशन मैच का उपयोग करके जांच सकते हैं कि क्या ब्राउज़र Apple कंप्यूटर पर चल रहा है:

const AppleBrowser = /Mac|iPod|iPhone|iPad/.test (नेविगेटर.प्लेटफ़ॉर्म);
कंसोल.लॉग (ऐप्पलब्राउज़र);

बयान वापस आ जाएगा सच यदि आपका ब्राउज़र Apple डिवाइस पर चल रहा है, अन्यथा, यह वापस आ जाएगा झूठा.

सम्बंधित: जावास्क्रिप्ट ऐरे के तरीके जो आपको आज ही मास्टर करने चाहिए

6. कैसे जांचें कि कोई ऐरे खाली है या नहीं

यदि कोई तत्व नहीं है तो एक सरणी खाली है। आप निम्न कोड का उपयोग करके जांच सकते हैं कि कोई सरणी खाली है या नहीं:

const checkEmptyArray = (arr) => !Array.isArray (arr) || गिरफ्तारी लंबाई 0;
चलो arr1 = [1, 2, 3, 4, 5];
कंसोल.लॉग (checkEmptyArray (arr1));
आने दो = [];
कंसोल.लॉग (checkEmptyArray (arr2));
चलो arr3 = [""];
कंसोल.लॉग (checkEmptyArray (arr3));

उत्पादन:

झूठा
सच
झूठा

7. किसी सरणी में अद्वितीय मान कैसे खोजें

निम्नलिखित एक-लाइनर एक सरणी से दोहराए जाने वाले मानों को हटा देता है, केवल एक बार होने वाले मानों को छोड़कर।

const findUniquesInArray = (arr) => arr.filter((i) => arr.indexOf (i) arr.lastIndexOf (i));
माना arr1 = [1, 2, 3, 4, 5, 1, 2, 3];
कंसोल.लॉग (findUniquesInArray (arr1));
आने दो = ['डब्ल्यू', 'ई', 'एल', 'सी', 'ओ', 'एम', 'ई', 'टी', 'ओ', 'एम', 'यू', 'ओ' '];
कंसोल.लॉग (findUniquesInArray (arr2));
माना arr3 = [5, 5, 5, 3, 3, 4, 5, 8, 2, 8];
कंसोल.लॉग (findUniquesInArray (arr3));

उत्पादन:

[ 4, 5 ]
['डब्ल्यू', 'एल', 'सी', 'टी', 'यू']
[ 4, 2 ]

8. एक यादृच्छिक हेक्स रंग कैसे उत्पन्न करें

हेक्स रंग हेक्साडेसिमल मानों के माध्यम से रंगों का प्रतिनिधित्व करने का एक तरीका है। वे प्रारूप का पालन करते हैं #आरआरजीजीबीबी, कहां आरआर लाल है, जीजी हरा है, और बी बी नीला है। हेक्साडेसिमल रंगों के मान 00 से FF की सीमा में हैं, जो घटक की तीव्रता को निर्दिष्ट करते हैं। आप निम्न जावास्क्रिप्ट कोड का उपयोग करके यादृच्छिक हेक्स रंग उत्पन्न कर सकते हैं:

const randomHexColor = () => `#${Math.random().toString (16).slice (2, 8).padEnd (6, '0')}`;
कंसोल.लॉग (randomHexColor ());

उत्पादन:

#ff7ea1

हर बार जब आप कोड चलाते हैं, तो आपको एक यादृच्छिक हेक्स रंग मिलेगा।

9. डिग्री को रेडियन और इसके विपरीत में कैसे बदलें

डिग्री और रेडियन ज्यामिति में कोण के माप का प्रतिनिधित्व करते हैं। आप निम्न गणितीय फ़ार्मुलों का उपयोग करके आसानी से कोण को रेडियन में डिग्री में बदल सकते हैं, और इसके विपरीत:

रेडियन = डिग्री × /180
डिग्री = रेडियन × 180/π

डिग्री को रेडियन में बदलें

आप निम्न कोड का उपयोग करके किसी कोण को डिग्री में रेडियन में बदल सकते हैं:

कॉन्स्ट डिग्री टोरेडियंस = (डिग्री) => (डिग्री * Math. पीआई) / 180.0;
चलो temp1 = 360;
कंसोल.लॉग (डिग्री टोरेडियंस (अस्थायी 1));
चलो temp2 = 180;
कंसोल.लॉग (डिग्री टोरेडियंस (अस्थायी 2));
चलो temp3 = 120;
कंसोल.लॉग (डिग्री टोरेडियंस (अस्थायी 3));

उत्पादन:

6.283185307179586
3.141592653589793
2.0943951023931953

रेडियन को डिग्री में बदलें

आप निम्न कोड का उपयोग करके कोण को रेडियन में डिग्री में बदल सकते हैं:

const radiansToDegrees = (रेड) => (रेड * 180) / Math. पीआई;
चलो temp1 = 6.283185307179586;
कंसोल.लॉग (रेडियन टोडिग्रीस (अस्थायी 1));
चलो temp2 = 3.141592653589793;
कंसोल.लॉग (रेडियन टोडिग्रीस (temp2));
चलो अस्थायी 3 = 2.0943951023931953;
कंसोल.लॉग (रेडियन टोडिग्रीस (अस्थायी 3));

उत्पादन:

360
180
119.99999999999999

10. कैसे जांचें कि ब्राउज़र में कोड चल रहा है या नहीं

आप निम्न का उपयोग करके जांच सकते हैं कि आपका कोड ब्राउज़र में चल रहा है या नहीं:

const isRunningInBrowser = टाइपऑफ़ विंडो 'ऑब्जेक्ट' && टाइपऑफ़ दस्तावेज़ 'ऑब्जेक्ट';
कंसोल.लॉग (isRunningInBrowser);

उपरोक्त कोड, एक ब्राउज़र में चल रहा है, प्रिंट होगा सच. कमांड-लाइन दुभाषिया के माध्यम से चल रहा है, यह प्रिंट करेगा झूठा.

11. एक यादृच्छिक UUID कैसे उत्पन्न करें

UUID का मतलब यूनिवर्सली यूनिक आइडेंटिफायर है। यह 128-बिट मान है जिसका उपयोग इंटरनेट पर किसी वस्तु या इकाई की विशिष्ट रूप से पहचान करने के लिए किया जाता है। यादृच्छिक UUID उत्पन्न करने के लिए निम्न कोड का उपयोग करें:

कॉन्स्ट जेनरेटरैंडमयूयूआईडी = (ए) => (ए? (a ^ ((Math.random() * 16) >> (a / 4))).toString (16): ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[ 018]/जी, जनरेटरैंडमयूयूआईडी));
कंसोल.लॉग (जेनरेटरैंडमयूयूआईडी ());

उत्पादन:

209b53dd-91cf-45a6-99a7-554e786f87d3

हर बार जब आप कोड चलाते हैं, तो यह एक यादृच्छिक UUID उत्पन्न करता है।

यदि आप इस लेख में उपयोग किए गए संपूर्ण स्रोत कोड को देखना चाहते हैं, तो यह है गिटहब भंडार.

परियोजनाओं का निर्माण करके व्यावहारिक जावास्क्रिप्ट ज्ञान प्राप्त करें

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

शुरुआती के लिए 10 जावास्क्रिप्ट परियोजना विचार

जावास्क्रिप्ट सीखने के लिए एक महत्वपूर्ण प्रोग्रामिंग भाषा है। यदि आप इसके लिए नए हैं, तो आपके ज्ञान को बढ़ाने में आपकी मदद करने के लिए यहां कुछ प्रोजेक्ट दिए गए हैं।

आगे पढ़िए

लेखक के बारे में