JavaScript Array Methods Cheat Sheet

.array-methods-demo {
  font-family: 'Monaco', 'Menlo', monospace;
  background: #1e1e1e;
  color: #d4d4d4;
  padding: 20px;
  border-radius: 8px;
  max-width: 600px;
}

.demo-section {
  margin: 15px 0;
  padding: 10px;
  background: #2d2d30;
  border-radius: 4px;
}

.demo-section h4 {
  color: #569cd6;
  margin: 0 0 10px 0;
}

.demo-section div {
  background: #0e0e0e;
  padding: 8px;
  border-radius: 3px;
  font-size: 14px;
}

const users = [
  { name: 'Alice', age: 30, city: 'New York' },
  { name: 'Bob', age: 25, city: 'London' },
  { name: 'Charlie', age: 35, city: 'Tokyo' }
];

// Display original array
document.getElementById('original-array').textContent = JSON.stringify(users, null, 2);

// Filter example
const filtered = users.filter(user => user.age > 25);
document.getElementById('filtered-array').textContent = JSON.stringify(filtered, null, 2);

// Map example
const names = users.map(user => user.name);
document.getElementById('mapped-array').textContent = JSON.stringify(names, null, 2);