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 চিট শিট আধুনিক ভাষার একটি সার্চযোগ্য, একক-পেজ রেফারেন্স: ভেরিয়েবল ও টাইপ, ফাংশন, স্ট্রিং, অ্যারে, অবজেক্ট, async ও প্রমিজ, কন্ট্রোল ফ্লো, DOM ও ইভেন্ট, এবং ক্লাস ও মডিউল। প্রতিটি এন্ট্রি একটি বাস্তব কোড স্নিপেটকে এটি কী করে তার একলাইনের ব্যাখ্যার সাথে জোড়া দেয়।

এটি লেখা হয়েছে মানুষ আজ যে JavaScript আসলে ব্যবহার করছে তার জন্য — let ও const, অ্যারো ফাংশন, ডিস্ট্রাকচারিং, স্প্রেড, অপশনাল চেইনিং, টেমপ্লেট লিটারাল, async/await এবং ES মডিউল — তাই এটি অন্য ভাষা থেকে ফিরে আসার সময় একটি দ্রুত রিফ্রেশারও হয়ে যায়।

পুরো শিটটি ক্লায়েন্ট-সাইডে লোড হয় এবং বিনামূল্যে। সার্চ বক্স দিয়ে লাইভ ফিল্টার করুন, স্টিকি সূচিপত্র থেকে সেকশনের মধ্যে লাফ দিন, যেকোনো স্নিপেট কপি করতে ক্লিক করুন, এবং ডেস্ক-সাইড JavaScript রেফারেন্সের জন্য পেজটি প্রিন্ট করুন।

JavaScript চিট শিট কীভাবে ব্যবহার করবেন

শিটটি খুলুন এবং সেকশন তালিকা দেখুন — Variables & types থেকে DOM & events হয়ে Classes & modules পর্যন্ত।
প্রতিটি সারি লাইভ ফিল্টার করতে সার্চ বক্সে টাইপ করুন; ম্যাচ কাউন্টার কতগুলো স্নিপেট মেলে তা দেখায়।
Async & promises-এর মতো একটি সেকশনে সরাসরি যেতে স্টিকি সূচিপত্র ব্যবহার করুন।
কোডটি আপনার ক্লিপবোর্ডে কপি করতে একটি স্নিপেট, বা এর কপি আইকনে ক্লিক করুন।
পুরো রেফারেন্সের একটি পরিষ্কার, কাগজ-বান্ধব কপির জন্য Print ক্লিক করুন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

নয়টি সেকশন: ভেরিয়েবল ও টাইপ, ফাংশন, স্ট্রিং, অ্যারে, অবজেক্ট, async ও প্রমিজ, কন্ট্রোল ফ্লো, DOM ও ইভেন্ট, এবং ক্লাস ও মডিউল — প্রতিটি সংক্ষিপ্ত বর্ণনাসহ কপি-প্রস্তুত স্নিপেট হিসেবে।

হ্যাঁ। স্নিপেটগুলো বর্তমান সিনট্যাক্স ব্যবহার করে — let/const, অ্যারো ফাংশন, ডিস্ট্রাকচারিং, অপশনাল চেইনিং, async/await, ক্লাস ও ES মডিউল — লিগ্যাসি প্যাটার্নের বদলে ES2022+ JavaScript প্রতিফলিত করে।

হ্যাঁ। যেকোনো কোড স্নিপেট, বা সারিতে হোভার করলে যে কপি আইকন দেখা যায় তাতে ক্লিক করলে সাথে সাথে এটি আপনার ক্লিপবোর্ডে চলে যায় একটি সংক্ষিপ্ত "Copied!" নিশ্চিতকরণসহ।

হ্যাঁ। Print বাটনটি সার্চ বার, নেভিগেশন ও বাটনগুলো বাদ দিয়ে একটি পরিষ্কার লেআউট তৈরি করে, ফলে প্রিন্ট করা পেজগুলোতে শুধু স্নিপেট ও তাদের বর্ণনা থাকে।

হ্যাঁ। এটি বিনামূল্যে, সম্পূর্ণভাবে আপনার ব্রাউজারে লোড হয়, এবং কোনো অ্যাকাউন্ট প্রয়োজন নেই।

JavaScript চিট শিট

Variables & types

Functions

Strings

Arrays

Objects

Async & promises

Control flow

DOM & events

Classes & modules

JavaScript চিট শিট সম্পর্কে

JavaScript চিট শিট কীভাবে ব্যবহার করবেন

সচরাচর জিজ্ঞাসিত প্রশ্ন

JavaScript চিট শিটে কী কভার করা হয়েছে?

এটি কি আধুনিক JavaScript-এর সাথে আপ টু ডেট?

আমি কি এক ক্লিকে একটি স্নিপেট কপি করতে পারি?

আমি কি চিট শিটটি প্রিন্ট করতে পারি?

চিট শিটটি কি বিনামূল্যে?

সম্পর্কিত টুলসমূহ

জনপ্রিয় অনুসন্ধান

এই টুলটি এম্বেড করুন