Javascript Cheat Sheet
Explore key concepts, syntax, and usage examples for Javascript — perfect for quick reference.
Resource
Basic Objects
Array Properties Array Methods
- concat()
- indexOf()
- join()
- lastIndexOf()
- pop()
- push()
- reverse()
- shift()
- slice()
- sort()
- splice()
- toString()
- unshift()
- valueOf()
- abs(x)
- acos(x)
- asin(x)
- atan(x)
- atan2(y,x)
- ceil(x)
- cos(x)
- exp(x)
- floor(x)
- log(x)
- max(x,y,z,...,n)
- min(x,y,z,...,n)
- pow(x,y)
- random()
- round(x)
- sin(x)
- sqrt(x)
- tan(x)
- charAt()
- charCodeAt()
- concat()
- fromCharCode()
- indexOf()
- lastIndexOf()
- match()
- replace()
- search()
- slice()
- split()
- substr()
- substring()
- toLowerCase()
- toUpperCase()
- valueOf()
Date Object
Date Properties Date Methods
- getDate()
- getDay()
- getFullYear()
- getHours()
- getMilliseconds()
- getMinutes()
- getMonth()
- getSeconds()
- getTime()
- getTimezoneOffset()
- getUTCDate()
- getUTCDay()
- getUTCFullYear()
- getUTCHours()
- getUTCMilliseconds()
- getUTCMinutes()
- getUTCMonth()
- getUTCSeconds()
- parse()
- setDate()
- setFullYear()
- setHours()
- setMilliseconds()
- setMinutes()
- setMonth()
- setSeconds()
- setTime()
- setUTCDate()
- setUTCFullYear()
- setUTCHours()
- setUTCMilliseconds()
- setUTCMinutes()
- setUTCMonth()
- setUTCSeconds()
- toDateString()
- toISOString()
- toJSON()
- toLocaleDateString()
- toLocaleTimeString()
- toLocaleString()
- toString()
- toTimeString()
- toUTCString()
- UTC()
- valueOf()
Browser
Window Properties
- closed
- defaultStatus
- document
- frames
- history
- innerHeight
- innerWidth
- length
- location
- name
- navigator
- opener
- outerHeight
- outerWidth
- pageXOffset
- pageYOffset
- parent
- screen
- screenLeft
- screenTop
- screenX
- screenY
- self
- status
- top
DOM Events
Mouse Events Keyboard Events Frame Events Form Events Event Object Constant
- AT_TARGET
- BUBBLING_PHASE
- CAPTURING_PHASE
- bubbles
- cancelable
- currentTarget
- eventPhase
- target
- timeStamp
- type
- initEvent()
- preventDefault()
- stopPropagation()
- addEventListener()
- dispatchEvent()
- removeEventListener()
- handleEvent()
- altKey
- button
- clientX
- clientY
- ctrlKey
- keyIdentifier
- keyLocation
- metaKey
- relatedTarget
- screenX
- screenY
- shiftKey
- initMouseEvent()
- initKeyboardEvent()
DOM Node
Node Properties
- attributes
- baseURI
- childNodes
- firstChild
- lastChild
- localName
- namespaceURI
- nextSibling
- nodeName
- nodeType
- nodeValue
- ownerDocument
- parentNode
- prefix
- previousSibling
- textContent
- appendChild()
- cloneNode()
- compareDocumentPosition()
- getFeature(feature,version)
- getUserData(key)
- hasAttributes()
- hasChildNodes()
- insertBefore()
- isDefaultNamespace()
- isEqualNode()
- isSameNode()
- isSupported()
- lookupNamespaceURI()
- lookupPrefix()
- normalize()
- removeChild()
- replaceChild()
- setUserData(key,data,handler)
- Element1
- Attr2
- Text3
- CDATASection4
- EntityReference5
- Entity6
- ProcessingInstruction7
- Comment8
- Document9
- DocumentType10
- DocumentFragment11
- Notation12
- Element
💡 element name - Attr
💡 attribute name - Text
💡 #text - CDATASection
💡 #cdata-section - EntityReference
💡 entity reference name - Entity
💡 entity name - ProcessingInstruction
💡 target - Comment
💡 #comment - Document
💡 #document - DocumentType
💡 doctype name - DocumentFragment
💡 #document fragment - Notation
💡 notation name
- Element
💡 null - Attr
💡 attribute value - Text
💡 content of node - CDATASection
💡 content of node - EntityReference
💡 null - Entity
💡 null - ProcessingInstruction
💡 content of node - Comment
💡 comment text - Document
💡 null - DocumentType
💡 null - DocumentFragment
💡 null - Notation
💡 null
RegExp
Modifiers
- i
💡 Perform case-insensitive matching - g
💡 Perform a global match (find all matches rather than stopping after the first match) - m
💡 Perform multiline matching
- [abc]
💡 Find any character between the brackets - [^abc]
💡 Find any character not between the brackets - [0-9]
💡 Find any digit from 0 to 9 - [A-Z]
💡 Find any character from uppercase A to uppercase Z - [a-z]
💡 Find any character from lowercase a to lowercase z - [A-z]
💡 Find any character from uppercase A to lowercase z - [adgk]
💡 Find any character in the given set - [^adgk]
💡 Find any character outside the given set - (red|blue|green)
💡 Find any of the alternatives specified
- .
💡 Find a single character, except newline or line terminator - \w
💡 Find a word character - \W
💡 Find a non-word character - \d
💡 Find a digit - \D
💡 Find a non-digit character - \s
💡 Find a whitespace character - \S
💡 Find a non-whitespace character - \b
💡 Find a match at the beginning/end of a word - \B
💡 Find a match not at the beginning/end of a word - \0
💡 Find a NUL character - \n
💡 Find a new line character - \f
💡 Find a form feed character - \r
💡 Find a carriage return character - \t
💡 Find a tab character - \v
💡 Find a vertical tab character - \xxx
💡 Find the character specified by an octal number xxx - \xdd
💡 Find the character specified by a hexadecimal number dd - \uxxxx
💡 Find the Unicode character specified by a hexadecimal number xxxx
- n+
💡 Matches any string that contains at least one n - n*
💡 Matches any string that contains zero or more occurrences of n - n?
💡 Matches any string that contains zero or one occurrences of n - n{X}
💡 Matches any string that contains a sequence of X n's - n{X,Y}
💡 Matches any string that contains a sequence of X to Y n's - n{X,}
💡 Matches any string that contains a sequence of at least X n's - n$
💡 Matches any string with n at the end of it - ^n
💡 Matches any string with n at the beginning of it - ?=n
💡 Matches any string that is followed by a specific string n - ?!n
💡 Matches any string that is not followed by a specific string n
Core DOM
Nodelist Properties Nodelist Methods NamedNodeMap Properties NamedNodeMap Methods
- getNamedItem()
- getNamedItemNS()
- item()
- removeNamedItem()
- removeNamedItemNS()
- setNamedItem()
- setNamedItemNS()
- adoptNode(node)
- createAttribute()
- createAttributeNS(URI,name)
- createCDATASection()
- createComment()
- createDocumentFragment()
- createElement()
- createElementNS()
- createEntityReference()
- createProcessingInstruction()
- createTextNode()
- getElementById()
- getElementsByTagName()
- getElementsByName()
- querySelectorAll()
- querySelector()
- getElementsByTagNameNS()
- importNode()
- normalizeDocument()
- schemaTypeInfo
- tagName
- getAttribute()
- getAttributeNS()
- getAttributeNode()
- getAttributeNodeNS()
- getElementsByTagName()
- getElementsByTagNameNS()
- hasAttribute()
- hasAttributeNS()
- removeAttribute()
- removeAttributeNS()
- removeAttributeNode()
- setAttribute()
- setAttributeNS()
- setAttributeNode()
- setAttributeNodeNS()
- setIdAttribute()
- setIdAttributeNS()
- setIdAttributeNode()
- isId
- name
- ownerElement
- schemaTypeInfo
- specified
- value
Graphics
CanvasRenderingContext2D Methods
- arc()
- arcTo()
- beginPath()
- bezierCurveTo()
- clearRect()
- clip()
- closePath()
- createImageData()
- createLinearGradient()
- createPattern()
- createRadialGradient()
- drawCustomFocusRing()
- drawImage()
- drawSystemFocusRing()
- fill()
- fillRect()
- fillText()
- getImageData()
- getLineDash()
- isPointInPath()
- lineTo()
- measureText()
- moveTo()
- putImageData()
- quadraticCurveTo()
- rect()
- restore()
- rotate()
- save()
- scale()
- scrollPathIntoView()
- setLineDash()
- setTransform()
- stroke()
- strokeRect()
- strokeText()
- transform()
- translate()