Перетворення масивів методом map

1 → 2
2 → 4
3 → 6
4 → 8

const newArray = array.map(callback);

const newArray = array.map((element, index, array) => {
  // Повертаємо значення для нового масиву
});

const prices = [100, 250, 80];

const pricesWithTax = prices.map((price) => price * 1.2);

console.log(pricesWithTax); // [120, 300, 96]

const numbers = [2, 4, 6];

const squares = numbers.map((number) => number ** 2);

console.log(squares); // [4, 16, 36]

const numbers = [1, 2, 3];

const formattedNumbers = numbers.map((number) => {
  const result = number * 10;
  return `Результат: ${result}`;
});

console.log(formattedNumbers);
// ["Результат: 10", "Результат: 20", "Результат: 30"]

const users = [
  { id: 1, name: "Олена", age: 28 },
  { id: 2, name: "Андрій", age: 34 },
  { id: 3, name: "Марія", age: 25 }
];

const userNames = users.map((user) => user.name);

console.log(userNames);
// ["Олена", "Андрій", "Марія"]

const products = [
  { name: "Ноутбук", price: 30000 },
  { name: "Мишка", price: 800 }
];

const productCards = products.map((product) => ({
  title: product.name,
  formattedPrice: `${product.price} грн`
}));

console.log(productCards);
// [
//   { title: "Ноутбук", formattedPrice: "30000 грн" },
//   { title: "Мишка", formattedPrice: "800 грн" }
// ]

const result = products.map((product) => ({
  title: product.name
}));

// Неправильно: callback нічого не повертає
const result = products.map((product) => {
  title: product.name;
});

const tasks = ["Зареєструватися", "Підтвердити email", "Створити пароль"];

const numberedTasks = tasks.map((task, index) => {
  return `${index + 1}. ${task}`;
});

console.log(numberedTasks);
// [
//   "1. Зареєструватися",
//   "2. Підтвердити email",
//   "3. Створити пароль"
// ]

const colors = ["red", "green", "blue"];

const colorOptions = colors.map((color, index) => ({
  id: index + 1,
  value: color
}));

console.log(colorOptions);
// [
//   { id: 1, value: "red" },
//   { id: 2, value: "green" },
//   { id: 3, value: "blue" }
// ]

const numbers = [1, 2, 3];
const doubled = numbers.map((number) => number * 2);

doubled[0] = 100;

console.log(doubled); // [100, 4, 6]
console.log(numbers); // [1, 2, 3]

const users = [
  { name: "Олена", active: true },
  { name: "Андрій", active: false }
];

const copiedUsers = users.map((user) => user);

copiedUsers[0].active = false;

console.log(users[0].active); // false

const users = [
  { name: "Олена", active: true },
  { name: "Андрій", active: false }
];

const inactiveUsers = users.map((user) => ({
  ...user,
  active: false
}));

console.log(inactiveUsers);
// [
//   { name: "Олена", active: false },
//   { name: "Андрій", active: false }
// ]

console.log(users);
// [
//   { name: "Олена", active: true },
//   { name: "Андрій", active: false }
// ]

const numbers = [1, 2, 3, 4];

const results = numbers.map((number) => {
  if (number % 2 === 0) {
    return number * 10;
  }

  return number;
});

console.log(results); // [1, 20, 3, 40]

const numbers = [1, 2, 3, 4];

const evenNumbers = numbers.filter((number) => number % 2 === 0);

console.log(evenNumbers); // [2, 4]

const users = [
  { name: "Олена", active: true },
  { name: "Андрій", active: false },
  { name: "Марія", active: true }
];

const activeUserNames = users
  .filter((user) => user.active)
  .map((user) => user.name);

console.log(activeUserNames); // ["Олена", "Марія"]

const numbers = [1, 2, 3];
const doubled = [];

for (const number of numbers) {
  doubled.push(number * 2);
}

console.log(doubled); // [2, 4, 6]

const numbers = [1, 2, 3];

const doubled = numbers.map((number) => number * 2);

console.log(doubled); // [2, 4, 6]

const users = ["Олена", "Андрій", "Марія"];

users.forEach((user) => {
  console.log(`Користувач: ${user}`);
});

const orders = [
  {
    id: 101,
    customer: "Олена",
    items: 3,
    total: 1250
  },
  {
    id: 102,
    customer: "Андрій",
    items: 1,
    total: 800
  }
];

const orderCards = orders.map((order) => ({
  id: order.id,
  title: `Замовлення №${order.id}`,
  description: `${order.customer}, товарів: ${order.items}`,
  total: `${order.total} грн`
}));

console.log(orderCards);

[
  {
    id: 101,
    title: "Замовлення №101",
    description: "Олена, товарів: 3",
    total: "1250 грн"
  },
  {
    id: 102,
    title: "Замовлення №102",
    description: "Андрій, товарів: 1",
    total: "800 грн"
  }
]

const ids = [1, 2, 3];

const promises = ids.map(async (id) => {
  return id * 10;
});

console.log(promises); // [Promise, Promise, Promise]

const ids = [1, 2, 3];

async function getResults() {
  const promises = ids.map(async (id) => {
    // Імітація асинхронної операції
    return id * 10;
  });

  const results = await Promise.all(promises);

  console.log(results); // [10, 20, 30]
}

getResults();

const numbers = [1, 2, 3];

const doubled = numbers.map((number) => {
  number * 2;
});

console.log(doubled); // [undefined, undefined, undefined]

const doubled = numbers.map((number) => {
  return number * 2;
});

const doubled = numbers.map((number) => number * 2);

const numbers = [1, 2, 3, 4];

const result = numbers.map((number) => {
  if (number % 2 === 0) {
    return number;
  }
});

console.log(result); // [undefined, 2, undefined, 4]

const result = numbers.filter((number) => number % 2 === 0);

console.log(result); // [2, 4]

const users = [
  { name: "Олена", score: 10 }
];

const updatedUsers = users.map((user) => {
  user.score += 5;
  return user;
});

console.log(users[0].score); // 15

const updatedUsers = users.map((user) => ({
  ...user,
  score: user.score + 5
}));

const numbers = [1, 2, 3];

numbers.map((number) => number * 2);

console.log(numbers); // [1, 2, 3]

const doubled = numbers.map((number) => number * 2);

const products = [
  { name: "Книга", price: 300 },
  { name: "Зошит", price: 80 }
];

const productSummaries = products.map((product) => ({
  name: product.name,
  priceWithDiscount: product.price * 0.9
}));

console.log(productSummaries);
// [
//   { name: "Книга", priceWithDiscount: 270 },
//   { name: "Зошит", priceWithDiscount: 72 }
// ]