जावास्क्रिप्ट में प्रिंटइन और कंसोल.लॉग के बीच क्या अंतर है? (उत्तर) - सभी अंतर

04-06-202304-06-2023 Mary Davis

विषयसूची

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

यदि आप एक प्रोग्रामर हैं, तो आप जानते हैं कि इसका उपयोग करना और समझना कितना महत्वपूर्ण है जावास्क्रिप्ट जैसी स्क्रिप्टिंग भाषाएं हैं। हालाँकि, कई बार आप इसके कार्यों के बारे में भ्रमित हो सकते हैं।

बिल्कुल प्रिंटइन और कंसोल.लॉग फ़ंक्शन की तरह। इन दो कार्यों के अंतर और आवेदन को समझने में आपकी मदद करने के लिए, मैं समझाऊंगा कि उनका क्या मतलब है और वे कैसे काम करते हैं।

आइए शुरू करें!

जावास्क्रिप्ट क्या है?

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

जावास्क्रिप्ट प्रोग्रामिंग भाषा में कुछ मानक प्रोग्रामिंग क्षमताएं होती हैं जो आपको निम्न कार्य करने में सक्षम बनाती हैं:

जब किसी वेब पेज पर कुछ घटनाएं होती हैं, तो आप रनिंग कोड का जवाब दे सकते हैं।
उपयोगी डेटा को स्टोर करने के लिए आप वेरिएबल्स का उपयोग कर सकते हैं।
आप "स्ट्रिंग्स" का उपयोग कर सकते हैं जो एक टेक्स्ट एडिटिंग ऑपरेशन हैप्रोग्रामिंग में

दूसरी ओर, उपयोगकर्ता जावास्क्रिप्ट भाषा के शीर्ष पर जोड़ी गई कार्यक्षमता और भी दिलचस्प है। एप्लिकेशन प्रोग्रामिंग इंटरफेस (एपीआई) आपके जावास्क्रिप्ट कोड को अतिरिक्त कार्य प्रदान करते हैं।

संक्षेप में, जावास्क्रिप्ट में बहुत सारे कार्य हैं जो आपको नियंत्रित करने की अनुमति देते हैं कि आप क्या कोडिंग कर रहे हैं। इन कार्यों में प्रिंटइन और कंसोल.लॉग शामिल हैं।

प्रिंटइन क्या है?

कोडिंग

कंसोल पर टेक्स्ट प्रदर्शित करने के लिए PrintIn एक जावा विधि है। यह विधि इस टेक्स्ट को स्ट्रिंग के रूप में एक पैरामीटर के रूप में स्वीकार करती है। यह दृष्टिकोण कर्सर को निम्न पंक्ति की शुरुआत में रखते हुए पाठ को कंसोल पर प्रिंट करता है।

अगली छपाई अगली पंक्ति पर शुरू होती है । कई प्रिंटइन विधियां हैं जैसे:

शून्य प्रिंटइन()	वर्तमान लाइन को समाप्त करने के लिए लाइन विभाजक स्ट्रिंग लिखता है।
शून्य प्रिंटइन (बूलियन x)	बूलियन प्रिंट करने के बाद लाइन समाप्त हो जाती है।
void PrintIn(char x)	कैरेक्टर प्रिंट करने के बाद लाइन समाप्त हो जाती है।
void Print(char [ ] x)	वर्णों की एक सरणी को प्रिंट करने के बाद लाइन को समाप्त कर दिया गया है। डबल लाइन प्रिंट करने के बाद लाइन समाप्त हो जाती है।
शून्यPrintIn(int x)	एक पूर्णांक प्रिंट करने के बाद लाइन समाप्त हो जाती है।
void PrintIn(long x)	साथ में प्रिंट करने के बाद लाइन समाप्त हो जाती है।
शून्य प्रिंटइन (स्ट्रिंग x)	स्ट्रिंग प्रिंट करने के बाद लाइन समाप्त हो जाती है।

प्रिंटइन में विभिन्न तरीकों का उपयोग

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

प्रिंटिंग के इन दो तरीकों के बीच भ्रमित न होने के लिए, आइए प्रिंटिंग, प्रिंट में दूसरी विधि के बीच अंतर को परिभाषित करें।

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

अगली प्रिंटिंग यहां से शुरू होगी । कई प्रिंटइन विधियां हैं जैसे:

<18

शून्य प्रिंट (बूलियन बी)	एक बूलियन मान मुद्रित होता है।
शून्य प्रिंट (चार सी)	एक वर्ण मुद्रित होता है।
शून्य प्रिंट (चार [ ] एस)	वर्णों की एक सरणी प्रिंट की जाती है। फ़्लोटिंग-पॉइंट नंबर प्रिंट किया गया है।
शून्य प्रिंट (फ़्लोट f)	फ़्लोटिंग-पॉइंट नंबर प्रिंट किया गया है।
शून्य प्रिंट(int i)	एक पूर्णांक मुद्रित किया गया है।
शून्य प्रिंट (लंबी l )	एक लंबा पूर्णांक मुद्रित किया गया है।
शून्य प्रिंट (ऑब्जेक्ट ऑब्जेक्ट)	एक वस्तु मुद्रित है .
शून्य प्रिंट (स्ट्रिंग एस)	एक स्ट्रिंग मुद्रित है।

प्रिंट में विभिन्न विधियों का उपयोग

संक्षेप में, दोनों के बीच मुख्य अंतर कंसोल में मुद्रित पाठ की नियुक्ति है। PrintIn निम्न पंक्ति के प्रारंभ में है जबकि Print निम्न पंक्ति के अंत में है।

यदि आप windows 10-pro और pro-n के बारे में जानना चाहते हैं, तो जांचें मेरा अन्य लेख देखें।

कंसोल.लॉग क्या है?

Console.log

कंसोल एक JavaScript ऑब्जेक्ट है जो आपको ब्राउज़र के डिबगिंग कंसोल तक पहुंच प्रदान करता है।

Console.log एक JavaScript है फ़ंक्शन जो किसी भी वेरिएबल को प्रिंट करता है जिसे इसमें पहले परिभाषित किया गया है, साथ ही ऐसी कोई भी जानकारी जिसे उपयोगकर्ता को दिखाने की आवश्यकता है।

आउटपुट ज्यादातर टर्मिनल पर लॉग (मुद्रित) होता है। किसी भी प्रकार को लॉग () में पास किया जा सकता है, जिसमें स्ट्रिंग्स, सरणियाँ, ऑब्जेक्ट और बूलियन शामिल हैं।

कंसोल.लॉग () विधि काआउटपुट जावास्क्रिप्ट कंसोल में दिखाई देता है, जिसे ब्राउज़र के डेवलपर टूल के माध्यम से एक्सेस किया जा सकता है। कंसोल.लॉग () के साथ आप जो भी आउटपुट करते हैं, वह सभी एंड-यूजर्स के लिए एक्सेस करने योग्य होता है, भले ही उनका समूह या भूमिका कुछ भी हो। 1>

जावास्क्रिप्ट आउटपुट

// console. log() विधि

console.log('abc');

console.log(1);

console .log(true);

console .log(null);

यह सभी देखें: राज्यपाल और महापौर के बीच अंतर (हाँ, कुछ हैं!) - सभी अंतर

console .log(undefined);

console .log([1, 2, 3, 4]); // array inside lo g

console .log({a:1, b:2, c:3}); // object inside lo g

abc

true

null

undefined

Array(4) [ 1, 2, 3, 4]

Object { a : 1, b : 2 , c : 3

console.log का उपयोग करके इनपुट और आउटपुट

क्या है जावास्क्रिप्ट में कंसोल.लॉग विधि के साथ कंसोल पर प्रिंट करें?

यह जावास्क्रिप्ट का सबसे लोकप्रिय और व्यापक रूप से इस्तेमाल किया जाने वाला कंसोल तरीका है। इस पद्धति का उपयोग अक्सर विभिन्न संदेशों या गणना परिणामों को कंसोल पर या डिबगिंग कोड के दौरान भी प्रिंट करने के लिए किया जाता है।

आपने कुछ कोड लिखा है जो दो नंबर जोड़ता है, और आप परिणाम देखना चाहते हैं कंसोल पर उस ऑपरेशन का; इस स्थिति में, आप कंसोल.लॉग () विधि का उपयोग कर सकते हैं।

कंसोल.लॉग सिंक्रोनस या एसिंक्रोनस है?

इससे पहले कि मैं आपके साथ चर्चा करूँ कि कंसोल.लॉग सिंक्रोनस या एसिंक्रोनस है, मैं पहले परिभाषित करूँगा कि सिंक्रोनस और एसिंक्रोनस क्या हैं।

सिंक्रोनस का अर्थ है कि यह एक ही समय में होता है जबकि एसिंक्रोनस का अर्थ है कि यह एक ही समय में नहीं होता है। इसलिएसिंक्रोनस में भाग लेने वाले/उपयोगकर्ता तुरंत प्रतिक्रिया प्राप्त कर सकते हैं। एसिंक्रोनस आपको अपने समय में सीखने की अनुमति देता है।

जवाब देने के लिए, concole.log एसिंक्रोनस है। मैं आपको दिखाऊंगा कि ऐसा क्यों है, उदाहरण दिखाकर, विशेष रूप से वस्तुओं की एक सरणी को अधिक कुशल तरीके से क्रमबद्ध करना। चलिए शुरू करते हैं।

मान लें कि आपकी सरणी में निम्नलिखित ऑब्जेक्ट हैं:

आइए उपयोगकर्ता = [ { नाम: "निकोल", उम्र: 20, उपनाम: "लूना"}, {नाम: "कारा", उम्र: 21, उपनाम: "लिम"}, {नाम: "लारा", उम्र: 20, उपनाम: "तुज़ोन"}; ]

ऑब्जेक्ट्स को व्यवस्थित करें

आपको इस सरणी को फ़ील्ड के नाम के अनुसार क्रमित करना होगा, जो आमतौर पर इस प्रकार किया जाता है।

/ / नाम से (कारा, लारा, निकोल)

users.sort ((a, b) => a.name > b.name ? 1 : -1);

// उम्र के अनुसार ( लारा, निकोल, कारा )

users.sort ( ( a, b ) => a.age > b.name ? 1 : -1);

यह सभी देखें: लेक्स लूथर और जेफ बेजोस के बीच क्या अंतर है? (तथ्य प्रकट) - सभी मतभेद

सरणी वस्तुओं को क्रमबद्ध करना

इसे अधिक कुशल तरीके से व्यवस्थित करने के लिए, आपके पास यह होगा:

users.sort(byField('name' ));

users.sort(byField( 'आयु' ));

ऐरे ऑब्जेक्ट्स को सॉर्ट करना (सरल तरीका)

ऐसा करने के लिए, आपको पास करने के लिए "बायफील्ड" फ़ंक्शन लिखना होगा और इसे अपने एरे में ऑब्जेक्ट्स के Array.prototype.sort पर सॉर्ट करना होगा। खैर, यह इस लेख का प्राथमिक फोकस नहीं है, लेकिन उपरोक्त उदाहरण को सरल तरीके से पूरा करने के लिए कृपया नीचे दिए गए उदाहरण को देखें।

> चलो उपयोगकर्ता =[{नाम: "निकोल", उम्र: 20, उपनाम: "लूना"}, {नाम: "कारा", उम्र: 21, उपनाम: "लिम"}, {नाम: "लारा", उम्र: 20, उपनाम: "तुअज़ोन"}; ]

फ़ंक्शन byField (फ़ील्डनाम){वापसी (ए, बी) => एक [फ़ील्डनाम]? 11 ;

users.sort(byField( 'name' ) );

concole.log(users);

users.sort(byField( 'age' ) );

concole.log(उपयोगकर्ता);

(3) [ { … }, { … }, { … } ]

> 0: {नाम: "लारा", उम्र: "20", उपनाम: "तुज़ोन"

> 1: {नाम: "निकोल", उम्र: "20", उपनाम: "लूना"

> 1: {नाम: "कारा", उम्र: "21", उपनाम: "लिम"

लंबाई: 3

> _प्रोटो_: ऐरे (0)

(3) [{ …}, { …}, { …} ]

> 0: {नाम: "लारा", उम्र: "20", उपनाम: "तुज़ोन"

> 1: {नाम: "निकोल", उम्र: "20", उपनाम: "लूना"

> 1: {नाम: "कारा", उम्र: "21", उपनाम: "लिम"

लंबाई: 3

> _proto_: ऐरे (0)

सॉर्टेड ऐरे ऑब्जेक्ट्स

आप ऊपर दी गई तालिका से देख सकते हैं कि मैं सॉर्ट करता हूं सरणी ऑब्जेक्ट्स दो बार, मैं पहले नाम से सॉर्ट करता हूं, उम्र के अनुसार, और प्रत्येक सॉर्ट ऑपरेशन के बाद, मैं कंसोल.लॉग () चलाता हूं। इसके अलावा, आपने देखा होगा कि कंसोल.लॉग () ने हर तरह के परिणाम के लिए एक ही आउटपुट को बहाल किया, लेकिन ऐसा नहीं है; मुझे समझाएं कि क्यों।

मैंने एक ही बार में ऊपर दिए गए कोड को चलाया, फिर कंसोल.लॉग () से हर प्रतिक्रिया का विस्तार करने का फैसला किया। यह महत्वपूर्ण है क्योंकि कंसोल.लॉग () हैएसिंक्रोनस।

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

जब कोई ईवेंट होता है, तो कंसोल.लॉग() को इवेंट कतार में भेजा जाएगा, जहां यह इस इवेंट कतार में सभी प्रक्रियाओं तक प्रतीक्षा करता है जो पहले से मौजूद थे जब आपका कंसोल.लॉग रखा गया था और कॉल करने के लिए भेजा गया था स्टैक, तो आपका कंसोल.लॉग () इस कॉल स्टैक पर भी भेजा जा रहा है।

जावास्क्रिप्ट कंसोल.लॉग कैसे खोलें?

वेब ब्राउज़र में, कंसोल कई डेवलपर टूल में से एक है। अपने जावास्क्रिप्ट कोड के समस्या निवारण के लिए, आप कंसोल का उपयोग कर सकते हैं। ब्राउज़र के आधार पर कंसोल कई जगहों पर पाया जा सकता है।

इस ट्यूटोरियल में मैं आपको सिखाऊंगा कि अपने Google क्रोम ब्राउज़र में कंसोल को कहां खोजना है।

Chrome में कंसोल लॉग कैसे खोलें

आइए देखें कि क्रोम कंसोल लॉग को कैसे खोला जाता है।

जब क्रोम ब्राउज़र खुला हो तो पॉप-अप मेनू से निरीक्षण का चयन करें।
डेवलपर टूल्स के “तत्व जब आप निरीक्षण चलाते हैं तो टैब डिफ़ॉल्ट रूप से खुल जाएगा। "तत्वों" के दाईं ओर, "कंसोल" पर क्लिक करें।
अब आप कंसोल के साथ-साथ कंसोल लॉग में रिकॉर्ड किए गए किसी भी आउटपुट को देख सकते हैं। कई शॉर्टकट कुंजियों का उपयोग करके Chrome डेवलपर टूल। आपके Chrome के संस्करण के अनुसार, आपनिम्न शॉर्टकट का उपयोग कर सकते हैं:

Windows और Linux के लिए,

Ctrl + Shift + I	डेवलपर टूल विंडो प्रकट होती है।
Ctrl + Shift + J	डेवलपर टूल में कंसोल टैब का चयन करता है।
Ctrl + Shift + C<17	तत्व मोड टॉगल का निरीक्षण करें

शॉर्टकट कुंजी

अंतिम विचार

प्रिंटइन के बीच मुख्य अंतर और कंसोल.लॉग उनका कार्य है और कोड का परिणाम है। PrintIn पाठ को कंसोल पर प्रिंट करता है जबकि कंसोल.लॉग किसी भी वेरिएबल को स्ट्रिंग्स के साथ प्रिंट करता है जिसे पहले कोड किया गया है।

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

डीबगिंग करते समय जावास्क्रिप्ट कंसोल लॉग विधि सबसे अधिक इस्तेमाल किया जाने वाला विकल्प है। अपने कोड को अधिक प्रभावी ढंग से डिबग करने के लिए, आपको उन सभी का अभ्यास करना चाहिए और उन्हें सही तरीके से उपयोग करने का तरीका सीखना चाहिए।

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