如何按指定学科间隔插入实现数组重排-js教程-PHP中文网

如何按指定学科间隔插入实现数组重排

本文介绍一种灵活、可复用的 javascript 方法，将数组中特定学科（如 chemistry）的元素均匀插入到其余元素序列中，使其每 3 个位置出现一次（即索引 2、5、8…），其余元素保持原有相对顺序。

本文介绍一种灵活、可复用的 javascript 方法，将数组中特定学科（如 chemistry）的元素均匀插入到其余元素序列中，使其每 3 个位置出现一次（即索引 2、5、8…），其余元素保持原有相对顺序。

在实际教学系统或成绩管理场景中，常需对学科数据进行结构化重排——例如，将 Chemistry 成绩以固定步长（如每 3 条记录插入 1 条）穿插进主列表，既保留原始非 Chemistry 数据的时序逻辑，又确保目标学科规律分布。这不同于简单排序或分组，而是一种基于位置规则的受控插值重排。

核心思路是：

将原数组拆分为两部分：目标学科项（如 "Chemistry"）和非目标项；
按最终输出长度构造新数组，遍历每个索引 index；
当 index % 3 === 2（即第 3、6、9… 位，0 起始索引）且仍有 Chemistry 项待插入时，取出首个 Chemistry 元素；
否则，从非目标队列中按序取下一个元素。

该策略避免了手动 splice() 带来的索引偏移风险，也无需硬编码插入值或嵌套循环，时间复杂度稳定为 O(n)。

以下是完整、健壮的实现代码：

function arrangeBySubject(subjects, targetName) {
    // 分离目标学科与其余学科（保持原始顺序）
    const targetEntries = subjects.filter(item => item.name === targetName);
    const otherEntries = subjects.filter(item => item.name !== targetName);

    // 构造结果数组：长度与原数组一致
    return Array.from({ length: subjects.length }, (_, index) => {
        // 在索引 2, 5, 8, 11...（即每组第3位）插入 Chemistry
        if (index % 3 === 2 && targetEntries.length > 0) {
            return targetEntries.shift(); // 取出并移除队首
        }
        return otherEntries.shift(); // 否则取非目标项队首
    });
}

// 示例数据
const subjects = [
    { name: "Math", score: 32 },
    { name: "Chemistry", score: 17 },
    { name: "English", score: 17 },
    { name: "Math", score: 55 },
    { name: "Chemistry", score: 21 },
    { name: "Chemistry", score: 75 },
    { name: "Chemistry", score: 45 },
    { name: "Physics", score: 9 },
    { name: "Physics", score: 4 },
    { name: "Physics", score: 21 },
    { name: "Physics", score: 11 },
    { name: "Physics", score: 21 },
    { name: "Physics", score: 11 },
    { name: "Physics", score: 21 },
    { name: "Physics", score: 11 },
    { name: "Physics", score: 11 },
];

const result = arrangeBySubject(subjects, "Chemistry");
console.log(result);

✅ 运行效果验证：
输出数组中，Chemistry 元素将严格出现在索引 2, 5, 8, 11 位置（对应第 3/6/9/12 条记录），与问题中 Newsubjects 的星标行完全一致；其余学科（Math、English、Physics）按原始相对顺序紧凑填充剩余位置。

⚠️ 注意事项：

若 targetEntries 数量不足（如仅 3 个 Chemistry，但需插入 5 次），后续匹配位置将自动填入 undefined。建议增加校验：

if (index % 3 === 2 && targetEntries.length > 0) { /* ... */ }
else if (otherEntries.length > 0) { return otherEntries.shift(); }
else { return { name: targetName, score: 0 }; } // 或抛出警告