JavaScript चीट शीट

निःशुल्क

आधुनिक JavaScript का खोजने योग्य, प्रिंट करने योग्य संदर्भ — सिंटैक्स, ऐरे, स्ट्रिंग, ऑब्जेक्ट, async/await, DOM और ES2022+ सुविधाएँ। मुफ्त।

Variables & types

let x = 1;

Block-scoped, reassignable variable

const PI = 3.14;

Block-scoped constant binding

typeof value

Returns the type as a string

Number('42')

Convert a string to a number

String(42)

Convert a value to a string

parseInt('42px', 10)

Parse a leading integer (base 10)

Boolean(0)

Coerce a value to true/false

value ?? 'default'

Nullish coalescing (null/undefined only)

a?.b?.c

Optional chaining, short-circuits on null

Array.isArray(x)

Check whether a value is an array

Functions

function add(a, b) { return a + b; }

Named function declaration

const add = (a, b) => a + b;

Arrow function with implicit return

const f = (a = 1) => a;

Default parameter value

function f(...args) {}

Rest parameters collect into an array

f(...arr)

Spread an array into arguments

const { a, b } = obj;

Object destructuring

const [x, y] = arr;

Array destructuring

(function(){})()

Immediately-invoked function (IIFE)

fn.bind(this)

Bind a fixed this context

Strings

`Hello ${name}`

Template literal interpolation

str.length

Number of characters

str.includes('a')

Check if a substring exists

str.slice(0, 3)

Extract part of a string

str.replace(/a/g, 'b')

Replace matches (regex)

str.split(',')

Split into an array

str.trim()

Remove surrounding whitespace

str.toUpperCase()

Convert to upper case

str.padStart(3, '0')

Pad the start to a length

str.at(-1)

Character at index (supports negatives)

Arrays

arr.map(x => x * 2)

Transform each element

arr.filter(x => x > 0)

Keep matching elements

arr.reduce((a, b) => a + b, 0)

Reduce to a single value

arr.find(x => x.id === 1)

First matching element

arr.some(x => x > 0)

True if any element matches

arr.every(x => x > 0)

True if all elements match

arr.includes(3)

Check for a value

arr.sort((a, b) => a - b)

Numeric ascending sort

[...new Set(arr)]

Remove duplicate values

arr.flat(Infinity)

Fully flatten nested arrays

arr.at(-1)

Last element (negative index)

Objects

Object.keys(obj)

Array of own enumerable keys

Object.values(obj)

Array of own values

Object.entries(obj)

Array of [key, value] pairs

{ ...a, ...b }

Merge objects (spread)

Object.assign({}, a, b)

Copy/merge into a target

Object.freeze(obj)

Make an object immutable

{ [key]: value }

Computed property name

obj.hasOwnProperty('x')

Check for an own property

structuredClone(obj)

Deep clone an object

Async & promises

async function f() {}

Declare an async function

await fetch(url)

Pause until a promise resolves

Promise.all([p1, p2])

Wait for all to resolve

Promise.allSettled([p1, p2])

Wait for all to settle

Promise.race([p1, p2])

Resolve with the first to settle

new Promise((res, rej) => {})

Create a promise manually

try { await f(); } catch (e) {}

Handle async errors

setTimeout(fn, 1000)

Run after a delay (ms)

queueMicrotask(fn)

Schedule a microtask

Control flow

if (a) {} else if (b) {} else {}

Conditional branches

a ? b : c

Ternary expression

switch (x) { case 1: break; }

Multi-way branch

for (const x of arr) {}

Iterate values (iterables)

for (const k in obj) {}

Iterate object keys

while (cond) {}

Loop while a condition holds

arr.forEach((x, i) => {})

Run a callback per element

break / continue

Exit or skip a loop iteration

label: for (...) { break label; }

Break out of nested loops

DOM & events

document.querySelector('.x')

First matching element

document.querySelectorAll('.x')

All matching elements (NodeList)

el.addEventListener('click', fn)

Attach an event listener

el.classList.toggle('active')

Toggle a CSS class

el.dataset.id

Read a data-id attribute

el.textContent = 'hi'

Set text safely (no HTML)

el.setAttribute('aria-hidden', true)

Set an attribute

e.preventDefault()

Cancel the default action

el.closest('.parent')

Nearest matching ancestor

document.createElement('div')

Create a new element

Classes & modules

class A extends B {}

Class with inheritance

constructor() { super(); }

Initialize and call the parent

#private = 1;

Private class field

static create() {}

Static method on the class

get value() {}

Getter accessor

export default fn;

Default module export

export { a, b };

Named module exports

import x, { y } from './m.js'

Default + named imports

const m = await import('./m.js')

Dynamic import

कोई प्रविष्टि “:q” से मेल नहीं खाती।

JavaScript चीट शीट के बारे में

यह JavaScript cheat sheet आधुनिक भाषा का एक searchable, single-page संदर्भ है: variables और types, functions, strings, arrays, objects, async और promises, control flow, DOM और events, और classes व modules। हर entry एक असली code snippet को यह बताने वाली एक-पंक्ति की व्याख्या के साथ जोड़ती है कि वह क्या करता है।

यह उस JavaScript के लिए लिखा गया है जिसे लोग आज वास्तव में ship करते हैं — let और const, arrow functions, destructuring, spread, optional chaining, template literals, async/await और ES modules — इसलिए यह किसी अन्य भाषा से वापस आने पर एक त्वरित रिफ्रेशर के रूप में भी काम करता है।

पूरी sheet client-side लोड होती है और मुफ़्त है। search box से इसे लाइव फ़िल्टर करें, sticky table of contents से sections के बीच कूदें, किसी भी snippet को कॉपी करने के लिए क्लिक करें, और desk-side JavaScript संदर्भ के लिए page प्रिंट करें।

JavaScript चीट शीट का उपयोग कैसे करें

sheet खोलें और section सूची पर नज़र डालें — Variables & types से लेकर DOM & events और Classes & modules तक।
हर row को लाइव फ़िल्टर करने के लिए search box में टाइप करें; match counter दिखाता है कि कितने snippets मेल खाते हैं।
sticky table of contents का उपयोग करके सीधे किसी section जैसे Async & promises पर जाएँ।
कोड क्लिपबोर्ड पर कॉपी करने के लिए किसी snippet, या उसके copy icon पर क्लिक करें।
पूरे संदर्भ की एक साफ़, प्रिंट-अनुकूल कॉपी के लिए Print पर क्लिक करें।

अक्सर पूछे जाने वाले प्रश्न

नौ sections: variables और types, functions, strings, arrays, objects, async और promises, control flow, DOM और events, और classes व modules — हर एक copy-ready snippets और संक्षिप्त विवरणों के रूप में।

हाँ। snippets मौजूदा syntax का उपयोग करते हैं — let/const, arrow functions, destructuring, optional chaining, async/await, classes और ES modules — जो legacy patterns के बजाय ES2022+ JavaScript को दर्शाते हैं।

हाँ। किसी भी code snippet, या जब आप किसी row पर hover करते हैं तब दिखने वाले copy icon पर क्लिक करने से यह तुरंत आपके क्लिपबोर्ड पर आ जाता है और एक संक्षिप्त "Copied!" पुष्टि दिखती है।

हाँ। Print बटन search bar, navigation और buttons हटाकर एक साफ़ layout बनाता है, ताकि प्रिंट किए गए पेजों में केवल snippets और उनके विवरण हों।

हाँ। यह मुफ़्त है, पूरी तरह आपके ब्राउज़र में लोड होता है, और किसी अकाउंट की ज़रूरत नहीं।

JavaScript चीट शीट

Variables & types

Functions

Strings

Arrays

Objects

Async & promises

Control flow

DOM & events

Classes & modules

JavaScript चीट शीट के बारे में

JavaScript चीट शीट का उपयोग कैसे करें

अक्सर पूछे जाने वाले प्रश्न

JavaScript cheat sheet में क्या शामिल है?

क्या यह आधुनिक JavaScript के अनुरूप अपडेट है?

क्या मैं एक क्लिक में snippet कॉपी कर सकता हूँ?

क्या मैं cheat sheet प्रिंट कर सकता हूँ?

क्या cheat sheet मुफ़्त है?

संबंधित टूल

लोकप्रिय खोजें

इस टूल को एम्बेड करें