如何在后端根据数据动态计算并设置height与width？

需求说明 #

我希望根据数据计算height和width，而非对其进行硬编码。现有硬编码逻辑的代码如下：

let options;
if (
  animalsDetails.hasOwnProperty('animals') &&
  animalsDetails.animals.length > 8 &&
  animalsDetails.animals.length < 16
) {
  options = { height: '25in', width: '11in' };
} else if (
  animalsDetails.hasOwnProperty('animals') &&
 animalsDetails.animals.length > 16
) {
  options = { height: '30in', width: '11in' };
} else {
  options = { height: '18in', width: '11in' };
}

方案一：配置化映射（保留阶梯逻辑，避免硬编码判断） #

把阈值和对应高度整理成可维护的配置数组，无需修改判断逻辑即可调整规则：

// 配置项：按数量上限对应目标高度，顺序从低到高
const heightConfig = [
  { maxCount: 8, height: '18in' },
  { maxCount: 16, height: '25in' },
  { maxCount: Infinity, height: '30in' }
];

// 获取有效动物数量，默认0
const animalCount = animalsDetails.animals?.length ?? 0;
// 匹配对应的高度配置
const matchedConfig = heightConfig.find(config => animalCount <= config.maxCount);

const options = {
  height: matchedConfig.height,
  width: '11in' // 若width需动态计算，可同理添加对应配置
};

方案二：完全动态计算（基于数量线性/自定义公式） #

如果需要高度随数量平滑变化，可通过公式计算，示例以原阶梯逻辑为基础推导：

const animalCount = animalsDetails.animals?.length ?? 0;

// 基础参数：可根据需求调整
const baseHeight = 18; // 初始高度
const incrementPer8 = 7; // 每增加8个动物，高度增加7in（对应原8→16的高度差）
const maxHeight = 30; // 高度上限

// 计算高度：按数量区间线性增长，不超过上限
let calculatedHeight = baseHeight + Math.floor((animalCount - 1) / 8) * incrementPer8;
calculatedHeight = Math.min(calculatedHeight, maxHeight);

const options = {
  height: `${calculatedHeight}in`,
  width: '11in'
};

说明 #

• 配置化方案适合需要固定阶梯规则的场景，后续调整阈值或高度只需修改配置数组，代码逻辑无需改动；
• 动态计算方案适合需要高度随数量平滑变化的场景，可通过调整基础参数适配不同需求。

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