Có được những hiểu biết hữu ích và nâng cao kiến thức phát triển web của bạn với các mẹo và hướng dẫn hàng tuần từ Coding Beauty. Hơn 2.000 nhà phát triển đăng ký
1. Phương thức setFullYear() và getFullYear()
Để thêm năm vào một Date trong JavaScript, hãy gọi phương thức getFullYear() trên Date để lấy năm, sau đó gọi phương thức setFullYear() trên Date, chuyển tổng của getFullYear() và số năm cần thêm làm đối số, i. e. , date.setFullYear(date.getFullYear() + years)
Ví dụ
function addYears(date, years) { date.setFullYear(date.getFullYear() + years); return date; } // May 15, 2022 const date = new Date('2022-05-15T00:00:00.000Z'); const newDate = addYears(date, 3); // May 20, 2025 console.log(newDate); // 2025-05-20T00:00:00.000ZHàm function addYears(date, years) { const dateCopy = new Date(date); dateCopy.setFullYear(dateCopy.getFullYear() + years); return dateCopy; } // May 15, 2022 const date = new Date('2022-05-15T00:00:00.000Z'); const newDate = addYears(date, 3); // May 20, 2025 console.log(newDate); // 2025-05-20T00:00:00.000Z // Original not modified console.log(date); // 2022-05-15T00:00:00.000Z 0 của chúng tôi lấy một đối tượng Date và số năm cần thêm làm đối số và trả về cùng một đối tượng với các năm mới được thêm vào
Phương thức Date getFullYear() trả về một số đại diện cho năm của một ngày cụ thể
Phương thức Date setFullYear() đặt năm của một ngày thành một số cụ thể
Tránh tác dụng phụ
Phương thức setFullYear() biến đổi đối tượng Date mà nó được gọi. Điều này giới thiệu một tác dụng phụ vào chức năng function addYears(date, years) { const dateCopy = new Date(date); dateCopy.setFullYear(dateCopy.getFullYear() + years); return dateCopy; } // May 15, 2022 const date = new Date('2022-05-15T00:00:00.000Z'); const newDate = addYears(date, 3); // May 20, 2025 console.log(newDate); // 2025-05-20T00:00:00.000Z // Original not modified console.log(date); // 2022-05-15T00:00:00.000Z 0 của chúng tôi. Để tránh sửa đổi Date đã thông qua và tạo một hàm thuần túy, hãy tạo một bản sao của Date và gọi setFullYear() trên bản sao này, thay vì bản gốc
function addYears(date, years) { const dateCopy = new Date(date); dateCopy.setFullYear(dateCopy.getFullYear() + years); return dateCopy; } // May 15, 2022 const date = new Date('2022-05-15T00:00:00.000Z'); const newDate = addYears(date, 3); // May 20, 2025 console.log(newDate); // 2025-05-20T00:00:00.000Z // Original not modified console.log(date); // 2022-05-15T00:00:00.000ZCác chức năng không sửa đổi trạng thái bên ngoài (i. e. , các hàm thuần túy) có xu hướng dễ dự đoán hơn và dễ suy luận hơn về. Điều này làm cho nó trở thành một phương pháp hay để hạn chế số lượng tác dụng phụ trong chương trình của bạn
2. hàm date-fns addYears()
Ngoài ra, chúng ta có thể sử dụng hàm thuần túy function addYears(date, years) { const dateCopy = new Date(date); dateCopy.setFullYear(dateCopy.getFullYear() + years); return dateCopy; } // May 15, 2022 const date = new Date('2022-05-15T00:00:00.000Z'); const newDate = addYears(date, 3); // May 20, 2025 console.log(newDate); // 2025-05-20T00:00:00.000Z // Original not modified console.log(date); // 2022-05-15T00:00:00.000Z 0 từ gói NPM function addYears(date, years) { const dateCopy = new Date(date); dateCopy.setFullYear(dateCopy.getFullYear() + years); return dateCopy; } // May 15, 2022 const date = new Date('2022-05-15T00:00:00.000Z'); const newDate = addYears(date, 3); // May 20, 2025 console.log(newDate); // 2025-05-20T00:00:00.000Z // Original not modified console.log(date); // 2022-05-15T00:00:00.000Z 9 để nhanh chóng thêm năm vào một Date
import { addYears } from 'date-fns'; // May 15, 2022 const date = new Date('2022-05-15T00:00:00.000Z'); const newDate = addYears(date, 3); // May 20, 2025 console.log(newDate); // 2025-05-20T00:00:00.000Z // Original not modified console.log(date); // 2022-05-15T00:00:00.000Z11 Tính năng JavaScript mới tuyệt vời trong ES13
Hướng dẫn này sẽ giúp bạn cập nhật tất cả các tính năng mới nhất được thêm vào trong ECMAScript 13. Những tính năng mới mạnh mẽ này sẽ hiện đại hóa JavaScript của bạn bằng mã ngắn hơn và biểu cảm hơn
Đăng ký và nhận ngay một bản sao miễn phí
Ayibatari Ibaba
Ayibatari Ibaba là nhà phát triển phần mềm có nhiều năm kinh nghiệm xây dựng trang web và ứng dụng. Anh ấy đã viết rất nhiều về nhiều chủ đề lập trình và đã tạo ra hàng chục ứng dụng và thư viện mã nguồn mở