एक मिनट याद करने के लिए: अल्पज्ञात तथ्य जो आपको विस्मित कर देंगे

साइटकोर डेवलपर के रूप में, जावास्क्रिप्ट फ्रंट-एंड डेवलपमेंट में महत्वपूर्ण भूमिका निभाता है। पृष्ठ के विकास के दौरान, जावास्क्रिप्ट का उपयोग करके बैकएंड के साथ डिबगिंग या एकीकरण करते समय चुनौतियाँ उत्पन्न हो सकती हैं। हालाँकि, जावास्क्रिप्ट में छिपे हुए रत्न हैं जो इन बोझों को कम कर सकते हैं और प्रक्रिया को सरल बना सकते हैं

यहां आप जावास्क्रिप्ट में छिपे रत्नों की सूची देख सकते हैं

कंसोल मेज

हम सभी नियमित रूप से कंसोल.लॉग का उपयोग करते हैं। लेकिन कंसोल.टेबल() आपको जेसन प्रारूप, सीएसवी प्रारूप या किसी शब्दकोश प्रारूप डेटा को सारणीबद्ध रूप में बदलने में मदद करेगा।

const data = [
  { name: 'Prabhu', age: 25, city: 'New York' },
  { name: 'Raj', age: 30, city: 'India' },
  { name: 'Bob', age: 35, city: 'Chicago' }
];

console.table(data);

// Output:
(index) | name  | age | city
--------|-------|-----|----------
0       | Prabhu| 25  | New York
1       | Raj   | 30  | India
2       | Bob   | 35  | Chicago

const data = [
  { name: 'Prabhu', age: 25, city: 'New York' },
  { name: 'Raj', age: 30, city: 'India' },
  { name: 'Bob', age: 35, city: 'Chicago' }
];

console.table(data, ['name', 'city']);

// Output:
(index) | name  | city
--------|-------|----------
0       | Prabhu| New York
1       | Raj   | India
2       | Bob   | Chicago

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

const myLog = console.log.bind(console, 'Custom prefix:');
myLog('Hello, world!'); 
// Output: Custom prefix: Hello, world!

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

const propertyName = 'name';
const person = {
  [propertyName]: 'Prabhu',
  age: 25,
  city: 'New York'
};

console.log(person.name); // Output: Prabhu

const propertyName = 'age';
const ageMultiplier = 2;
const person = {
  name: 'Prabhu',
  [propertyName]: 25,
  [`${propertyName}In5Years`]: 25 + (ageMultiplier * 5)
};

console.log(person.age); // Output: 25
console.log(person.ageIn5Years); // Output: 35

ऑपरेटर inआपको यह जांचने की अनुमति देता है कि विरासत में मिली संपत्तियों सहित किसी वस्तु में कोई संपत्ति मौजूद है या नहीं।

const obj = { foo: 'bar', baz: 'qux' };

console.log('foo' in obj); // Output: true
console.log('bar' in obj); // Output: false (since 'bar' is a value not a prop)

लागू करें () विधि

विधि apply()जावास्क्रिप्ट में एक अंतर्निहित विधि है जो एक सरणी या तर्कों की एक सरणी जैसी वस्तु के साथ एक निर्दिष्ट संदर्भ (यानी, फ़ंक्शन के भीतर इसका मूल्य) के साथ एक फ़ंक्शन को लागू करने की अनुमति देती है।

वाक्य - विन्यास:

functionName.apply(thisValue, arrayOfArgs)

function greet(name) {
  console.log(`Hello, ${name}! I am ${this.title} ${this.name}.`);
}

const person = {
  title: 'Mr.',
  name: 'Prabhu'
};

greet.apply(person, ['Sam']); 
// Output: Hello, Sam! I am Mr. Prabhu.

अभी के लिए इतना ही। आगामी ब्लॉग पोस्टों के लिए बने रहें जहां हम कम ज्ञात तथ्यों और अंतर्दृष्टि का पता लगाना जारी रखेंगे।

हैप्पी कोडिंग !!