Welcome to the interactive ES6+ Cheatsheet. It's organized into 13 sections and 47 code samples . Each section has two columns: On the left , there's the old way of doing things. It uses the JavaScript you already know. On the right , there's the new way of doing things. It uses ES6, ES2016, and ES2017 to show you how to get the same result with modern syntax.

Code samples have two tabs. The first shows you the code, the second shows you what happens when you run it. You can and should edit the code . It runs straight away :)

This modern JavaScript cheatsheet is not an exhaustive list of new features. It's meant to show you the features you're most likely to run across in the wild. The ones you can use to make your code better.

Table of Contents

The full cheatsheet uses lazy loading to show 47 Codepen iframes. You might see empty spaces while they load.