JavaScript चीट शीट
आधुनिक JavaScript का खोजने योग्य, प्रिंट करने योग्य संदर्भ — सिंटैक्स, ऐरे, स्ट्रिंग, ऑब्जेक्ट, async/await, DOM और ES2022+ सुविधाएँ। मुफ्त।
वेरिएबल और टाइप
10let x = 1;
ब्लॉक-स्कोप वाला, पुनः असाइन करने योग्य वेरिएबल
const PI = 3.14;
ब्लॉक-स्कोप वाला constant बाइंडिंग
typeof value
टाइप को string के रूप में लौटाता है
Number('42')
string को number में बदलें
String(42)
मान को string में बदलें
parseInt('42px', 10)
शुरुआती integer पार्स करें (base 10)
Boolean(0)
मान को true/false में बदलें
value ?? 'default'
Nullish coalescing (केवल null/undefined)
a?.b?.c
Optional chaining, null पर शॉर्ट-सर्किट
Array.isArray(x)
जाँचें कि मान array है या नहीं
फंक्शन
9function add(a, b) { return a + b; }
नामित function घोषणा
const add = (a, b) => a + b;
implicit return वाला arrow function
const f = (a = 1) => a;
डिफ़ॉल्ट parameter मान
function f(...args) {}
Rest parameters array में एकत्र होते हैं
f(...arr)
array को arguments में spread करें
const { a, b } = obj;
Object destructuring
const [x, y] = arr;
Array destructuring
(function(){})()
तुरंत-इनवोक होने वाला function (IIFE)
fn.bind(this)
एक निश्चित this संदर्भ bind करें
Strings
10`Hello ${name}`
Template literal इंटरपोलेशन
str.length
वर्णों की संख्या
str.includes('a')
जाँचें कि substring मौजूद है या नहीं
str.slice(0, 3)
string का एक भाग निकालें
str.replace(/a/g, 'b')
मैच बदलें (regex)
str.split(',')
array में विभाजित करें
str.trim()
आसपास का whitespace हटाएँ
str.toUpperCase()
upper case में बदलें
str.padStart(3, '0')
शुरुआत को एक लंबाई तक pad करें
str.at(-1)
index पर वर्ण (नकारात्मक समर्थित)
Arrays
11arr.map(x => x * 2)
प्रत्येक element को रूपांतरित करें
arr.filter(x => x > 0)
मेल खाने वाले elements रखें
arr.reduce((a, b) => a + b, 0)
एकल मान में घटाएँ
arr.find(x => x.id === 1)
पहला मेल खाने वाला element
arr.some(x => x > 0)
true यदि कोई element मेल खाता है
arr.every(x => x > 0)
true यदि सभी elements मेल खाते हैं
arr.includes(3)
किसी मान की जाँच करें
arr.sort((a, b) => a - b)
संख्यात्मक आरोही sort
[...new Set(arr)]
डुप्लिकेट मान हटाएँ
arr.flat(Infinity)
नेस्टेड arrays को पूरी तरह flatten करें
arr.at(-1)
अंतिम element (नकारात्मक index)
Objects
9Object.keys(obj)
स्वयं की enumerable keys का array
Object.values(obj)
स्वयं के values का array
Object.entries(obj)
[key, value] जोड़ों का array
{ ...a, ...b }
objects मर्ज करें (spread)
Object.assign({}, a, b)
किसी target में कॉपी/मर्ज करें
Object.freeze(obj)
object को immutable बनाएँ
{ [key]: value }
गणना की गई property नाम
obj.hasOwnProperty('x')
स्वयं की property की जाँच करें
structuredClone(obj)
object का deep clone करें
Async और promises
9async function f() {}
async function घोषित करें
await fetch(url)
promise के resolve होने तक रुकें
Promise.all([p1, p2])
सभी के resolve होने की प्रतीक्षा करें
Promise.allSettled([p1, p2])
सभी के settle होने की प्रतीक्षा करें
Promise.race([p1, p2])
सबसे पहले settle होने वाले से resolve करें
new Promise((res, rej) => {})
मैन्युअल रूप से promise बनाएँ
try { await f(); } catch (e) {}
async errors संभालें
setTimeout(fn, 1000)
देरी के बाद चलाएँ (ms)
queueMicrotask(fn)
microtask शेड्यूल करें
Control flow
9if (a) {} else if (b) {} else {}
सशर्त शाखाएँ
a ? b : c
Ternary एक्सप्रेशन
switch (x) { case 1: break; }
बहु-मार्गी शाखा
for (const x of arr) {}
values पर इटरेट करें (iterables)
for (const k in obj) {}
object keys पर इटरेट करें
while (cond) {}
जब तक शर्त सही है तब तक loop करें
arr.forEach((x, i) => {})
प्रत्येक element पर callback चलाएँ
break / continue
loop इटरेशन से बाहर निकलें या छोड़ें
label: for (...) { break label; }
नेस्टेड loops से बाहर निकलें
DOM और events
10document.querySelector('.x')
पहला मेल खाने वाला element
document.querySelectorAll('.x')
सभी मेल खाने वाले elements (NodeList)
el.addEventListener('click', fn)
event listener जोड़ें
el.classList.toggle('active')
CSS class टॉगल करें
el.dataset.id
data-id attribute पढ़ें
el.textContent = 'hi'
टेक्स्ट सुरक्षित रूप से सेट करें (बिना HTML)
el.setAttribute('aria-hidden', true)
attribute सेट करें
e.preventDefault()
डिफ़ॉल्ट क्रिया रद्द करें
el.closest('.parent')
निकटतम मेल खाने वाला ancestor
document.createElement('div')
नया element बनाएँ
Classes और modules
9class A extends B {}
इनहेरिटेंस वाली class
constructor() { super(); }
इनिशियलाइज़ करें और parent को कॉल करें
#private = 1;
Private class field
static create() {}
class पर static method
get value() {}
Getter accessor
export default fn;
डिफ़ॉल्ट module export
export { a, b };
नामित module exports
import x, { y } from './m.js'
डिफ़ॉल्ट + नामित imports
const m = await import('./m.js')
Dynamic import
कोई प्रविष्टि “:q” से मेल नहीं खाती।
मदद चाहिए?
इस टूल में कोई समस्या मिली? हमारी टीम को बताएं।