如何在JavaScript中将星期数组整体后移一位？现有代码返回undefined问题排查

首先，咱们来看看你原代码出问题的核心原因：你是遍历weekDays数组来生成结果，但当处理到第一个元素{ label: 'Mon', ... }（也就是index=0）时，array[index - 1]等于array[-1]，在JavaScript里数组的负索引取不到有效元素，会返回undefined，所以访问它的label自然就得到undefined了。而且这种遍历方式最后会生成包含空字符串的数组，也不符合你想要只保留5个元素的需求。

要实现把daysOfWeek整体后移一位（每个元素替换成weekDays里它的前一个元素的label，循环处理Mon的前一个是Sun），可以试试下面两种更直接的方法：

方法一：先建立映射表（性能更优，适合多次查询） #

先提前把每个label对应的前一个label存到映射表里，之后直接遍历daysOfWeek取对应值即可：

const weekDays = [ 
  { label: 'Mon', name: 'Monday' }, 
  { label: 'Tue', name: 'Tuesday' }, 
  { label: 'Wed', name: 'Wednesday' }, 
  { label: 'Thu', name: 'Thursday' }, 
  { label: 'Fri', name: 'Friday' }, 
  { label: 'Sat', name: 'Saturday' }, 
  { label: 'Sun', name: 'Sunday' }, 
];
const daysOfWeek = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'];

// 创建label到前一个label的映射
const prevLabelMap = new Map();
weekDays.forEach((day, index, arr) => {
  // 处理循环逻辑：第一个元素的前一个是数组最后一个元素
  const prevIndex = index === 0 ? arr.length - 1 : index - 1;
  prevLabelMap.set(day.label, arr[prevIndex].label);
});

// 生成目标数组
const selectedDaysOfWeek = daysOfWeek.map(label => prevLabelMap.get(label));
console.log(selectedDaysOfWeek); // 输出: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu']

方法二：直接遍历daysOfWeek计算（代码更简洁，适合单次查询） #

直接遍历daysOfWeek的每个元素，找到它在weekDays中的位置，再计算前一个位置（循环处理边界）：

const weekDays = [ 
  { label: 'Mon', name: 'Monday' }, 
  { label: 'Tue', name: 'Tuesday' }, 
  { label: 'Wed', name: 'Wednesday' }, 
  { label: 'Thu', name: 'Thursday' }, 
  { label: 'Fri', name: 'Friday' }, 
  { label: 'Sat', name: 'Saturday' }, 
  { label: 'Sun', name: 'Sunday' }, 
];
const daysOfWeek = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'];

const selectedDaysOfWeek = daysOfWeek.map(label => {
  const currentIndex = weekDays.findIndex(day => day.label === label);
  // 计算前一个索引，循环处理第一个元素的情况
  const prevIndex = currentIndex === 0 ? weekDays.length - 1 : currentIndex - 1;
  return weekDays[prevIndex].label;
});
console.log(selectedDaysOfWeek); // 输出: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu']

这两种方法都能完美实现你想要的效果，你可以根据实际场景选择合适的方式~

内容的提问来源于stack exchange，提问作者qweeee