Назад Вперед Зміст

📅 vs 📝Суперечка об'єктів Date та String

Хто крутіший?

💬 Діалог об'єктів: Хто важливіший?

📅
Об'єкт Date: "Я - Час!"

Гей, String! Ти просто набір символів, а я – великий Хранитель Часу! Я знаю точну дату і час, можу сказати, який сьогодні день тижня і навіть розрахувати різницю між датами!


// Date вміє все про час!

let now = new Date();

console.log(now.getFullYear()); // 2025

console.log(now.getMonth()); // 9 (октябрь)

console.log(now.getDate()); // 25
📝
Об'єкт String: "А я - Текст!"

Ах, Date, не сміш! Ти лише числа, а я можу бути віршем, піснею, цілою історією! Я можу змінити регістр, знайти підрядок, розділитись на масив! Без мене інтернет був би пустим!


// String перетворює все на текст!

let text = "JavaScript - це весело!";
console.log(text.toUpperCase()); // "JAVASCRIPT - ЦЕ ВЕСЕЛО!"

console.log(text.includes("весело")); // true

console.log(text.replace("весело", "круто")); // "JavaScript - це круто!"
📅
Об'єкт Date: "Але я можу форматувати тебе!"

Послухай, String! Навіть тебе я можу перетворити на дату! А ще я вмію працювати з тимчасовими зонами та визначати, чи високосний рік!


// Date може парсить рядки!

let dateFromString = new Date("2023-10-25");

console.log(dateFromString.toLocaleDateString()); // "25.10.2023"



// Провіримо,чи  високосний рік

let year = 2024;

let isLeap = new Date(year, 1, 29).getDate() === 29;

console.log(isLeap); // true
📝
Об'єкт String: "А я можу описати тебе!"

Ха! А я можу перетворити тебе на гарний рядок! Без мене користувач ніколи не дізнається, яка година чи яке сьогодні число!


// String може форматувати дати!

let today = new Date();

let dateString = `Сегодня ${today.getDate()} октября ${today.getFullYear()} года`;

console.log(dateString); // "Сегодня 25 октября 2023 года"



// Або так:

let options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };

console.log(today.toLocaleDateString('ru-RU', options)); // "среда, 25 октября 2023 г."

🎉 Факт: Date и String друзі!

Насправді, Date та String відмінно працюють разом! Date зберігає час, а String допомагає красиво його відображати. У JavaScript багато об'єктів взаємодіють один з одним!

🎮Інтерактивний майданчик: Пограємо з Date та String!

📅 Методи Date

Потренуємося працювати з датами:

📝 Методи String

Поекспериментуємо з рядками:

🤝 Сумісна робота

Date и String разом створюють магію:

📚 Завдання

Завдання 1: "Умні часи"

Створити функцию, яка повериає поточний час у форматі "ЧЧ:MM:СС" і привітання в залежності часу суток:

  • Утро (05:00-11:59): "Доброго ранку! Зараз 08:30:15"
  • День (12:00-17:59): "Добрий день! Зараз 14:20:45"
  • Вечір (18:00-23:59): "Доброго вечора! Зараз 21:15:30"
  • Нічь (00:00-04:59): "Доброї ночі! Зараз 02:45:10"

Завдання 2: "Аналізатор тексту"

Створи програму, яка анализізує введеный текст і показує:

  • Кількість символів (з пробеліми і без)
  • Кількість слів
  • Саме довге слово
  • Текст в зворотньому порядку

Завдання 3: "Дні до літа"

Напиши скрипт, який обчислює скільки днів залишилося до 1 червня (початку літа) та виводить повідомлення:

  • "До літа залишилося X днів!" (якщо більше 0)
  • "Ура! Сьогодні перший день літа! 🎉" (якщо сьогодні 1 червня)
  • "Літо вже почалося! Насолоджуйтесь! ☀️" (якщо після 1 червня)
Можливість 📝 Об'єкт String
Створення new Date() "текст" або new String()
Основні методи getFullYear(), getMonth(), getDate() length, toUpperCase(), substring()
Пошук getDay() (день тижня) indexOf(), includes()
Зміна setDate(), setMonth() replace(), slice()
Форматування toLocaleDateString() trim(), padStart()
Перетворення Може стати рядком (toString()) Може стати датою (new Date(string))

Назад Вперед Зміст