Syntax Comparison of ES5 vs ES6

Abdullah Al Nafiu — Fri, 23 Oct 2026 22:57:04 +0000

Basically, I was revising JavaScript fundamentals. While doing that, I had a curious thought that led me to write content on it. And this is a common topic roaming all over the internet.

## Demo Data
const users = [ { id: 1, name: "Rafi", age: 22, role: "intern" }, { id: 2, name: "Nila", age: 17, role: "student" }, { id: 3, name: "Sami", age: 28, role: "developer" }, { id: 4, name: "Tina", age: 31, role: "developer" }, ];

## ES6 functional expression using template literals

// Option A: Print each user using .forEach()
users.forEach(u => console.log(`${u.name} (${u.age})`));

// Option B: Create a new array of strings using .map()
const names = users.map(u => `${u.name} (${u.age})`);
console.log(names);

## ES5 functional expression

// Option A: Print each user using .forEach()
users.forEach(function(u) {
  console.log(u.name + " (" + u.age + ")");
});

// Option B: Create a new array of strings using .map()
var names = users.map(function(u) {
  return u.name + " (" + u.age + ")";
});
console.log(names);

This Code could be a responsible way to set a vision of understanding ES5 & ES6.

DEV Community: Abdullah Al Nafiu

Syntax Comparison of ES5 vs ES6