生成指定数字范围数组的JavaScript函数无法正常运行问题求助

嘿，我瞅了下你的代码，问题其实很直白——参数传递和函数定义不匹配！

问题根源 #

你定义的makeListFromRange函数期望接收两个独立的参数：start（起始值）和end（结束值），但调用的时候却传入了一个数组[2, 7]。这就导致：

• start变量拿到的是整个数组[2,7]
• end变量因为没传值，变成了undefined

接下来计算end - start + 1时，undefined - [2,7]会得到NaN，Array(NaN)会生成一个无效的空数组，map方法自然也不会执行，最终得不到预期的结果。

解决方案（两种可选） #

方案1：修改调用方式，匹配函数定义

直接把数组拆成两个独立参数传给函数，原函数无需修改：

function makeListFromRange(start, end) { 
  return Array(end - start + 1).fill().map((_, idx) => start + idx) 
} 
const result = makeListFromRange(2, 7); // 直接传起始值和结束值
console.log(result); // 输出：[2, 3, 4, 5, 6, 7]

方案2：修改函数，支持接收数组参数

如果你想保留传数组的调用方式，可以用参数解构来调整函数：

// 直接解构数组参数，拿到start和end
function makeListFromRange([start, end]) { 
  return Array(end - start + 1).fill().map((_, idx) => start + idx) 
} 
const result = makeListFromRange([2, 7]); 
console.log(result); // 输出：[2, 3, 4, 5, 6, 7]

进阶方案：同时支持两种调用方式

如果想让函数更灵活，既支持传数组也支持传两个独立参数，可以这么写：

function makeListFromRange(startOrRange, end) {
  let start, finalEnd;
  // 判断第一个参数是否为数组
  if (Array.isArray(startOrRange)) {
    [start, finalEnd] = startOrRange;
  } else {
    start = startOrRange;
    finalEnd = end;
  }
  return Array(finalEnd - start + 1).fill().map((_, idx) => start + idx);
}

// 两种调用方式都能正常工作
console.log(makeListFromRange(2, 7)); // [2, 3, 4, 5, 6, 7]
console.log(makeListFromRange([2, 7])); // [2, 3, 4, 5, 6, 7]

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