js 根据已有的日期数组，生成365天的数组，将已有的日期填写在数组对应的位置？

Question

js 根据已有的日期数组，生成365天的数组，将已有的日期填写在数组对应的位置，没有的日期填写空，
请问这个函数怎么写？

假如：

let arr = ["2019/1/1", "2019/1/4", "2019/1/6"]

要生成结果数组

result = ["2019/1/1",,,"2019/1/4",,"2019/1/6",,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,]; // 365个数据

Answer 1

  const arr = ["2019/1/1", "2019/1/4", "2019/1/6"]

  // js 根据已有的日期数组，生成365天的数组，将已有的日期填写在数组对应的位置，没有的日期填写空
  function getDateArray(activeDates) {
    const dateArray = []
    for (let i = 0; i < 365; i++) {
      const date = new Date(2019, 0, 1)
      date.setDate(date.getDate() + i)
      const dateStr = date.toLocaleDateString()
      if (activeDates.includes(dateStr)) {
        dateArray.push(dateStr)
      } else {
        dateArray.push('')
      }
    }
    return dateArray
  }

  console.log(getDateArray(arr));

Answer 2

let result = arr.reduce((a, i) => {
    a[(new Date(i) - new Date('2019-01-01')) / 864e5] = i
    return a
}, Array.from({length: 366}))

Answer 3

用Raccoon把你的问题描述了一下，生成以下代码：

function generateDatesArray(year, needArray) {
  const dates = [];
  const specialDates = needArray;

  for (let date = new Date(year, 0, 1); date <= new Date(year, 11, 31); date.setDate(date.getDate() + 1)) {
    const formattedDate = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
    if (specialDates.includes(formattedDate)) {
      dates.push(formattedDate);
    } else {
      dates.push(null);
    }
  }

  return dates;
}

const needArray = ['2023-01-01', '2023-02-02', '2023-03-03', '2023-04-04', '2023-05-05', '2023-06-06', '2023-07-07'];
const datesArray = generateDatesArray(2023, needArray);

输出结果如下图：

和你的要求不一样的地方在于，不存在的日期我用了null填充

这样写，年份和已存在日期你都可以自己传参

Answer 4

const arr = ['2024-5-1', '2024/6/14', '2024-03-01', '2025/3/1']

/**
 * @description: 时间填充，传入含有多个日期的数组，依照顺序填充数组
 * @param {Array} arr 时间数组
 * @param {Object} option 配置项
 * @param {Boolean} option.yearStart 是以最小日期的年份1月1日开始还是以最小日期为开始，默认true
 * @param {Boolean} option.format 是否格式化时间，默认true，使用toLocaleDateString，可添加格式化工具，统一格式
 * @param {String} option.placeholder 空值占位符，默认''
 * @param {Number} option.length 数组长度，默认 365
 * @return {Array} 时间填充后的数组
 */
const timeFill = (arr, option) => {
  const { yearStart = true, format = true, placeholder = '', length = 365 } = option || {}
  if (arr.length === 0) {
    return []
  }
  const dateList = arr.sort((a, b) => new Date(a) - new Date(b))
  const startDate = new Date(dateList[0])
  const startYear = startDate.getFullYear()
  const startTime = yearStart ? new Date(startYear, 0, 1).getTime() : startDate.getTime()
  const timeArr = Array.from({ length }, () => placeholder)
  dateList.forEach(item => {
    const index = Math.floor((new Date(item).getTime() - startTime) / 1000 / 60 / 60 / 24)
    if (index < timeArr.length) {
      timeArr[index] = format ? new Date(item).toLocaleDateString() : item
    }
  })
  return timeArr
}

console.log(timeFill(arr))