javascript - 我想在 javascript 中生成这样的数组 [ 1, 2, ..., 9, 10 ]

Question

如果 count 为 4，则 arr 将为 [ 1, 2, 3, 4 ]

如果 count 大于 4，arr 将类似于 [ 1, 2, "...", 9, 10 ]

我试过这种方式，但输出是 [ 1, 2, "..."]

const arr = [];

const count = 10;

for (let i = 0; i < count; i++) {
    if (i >= 8) {
        arr.push(i + 1);
        continue;
    }
    if (i >= 2) {
        arr.push("...");
        break;
    }

    arr.push(i + 1);
}

Answer 1

从我从 OP 的预期输出/结果中看到的情况来看，问题似乎更多地与创建带有省略号的序列有关。在这种情况下，可以选择一种更简单的方法。

任何 count 小于等于 4 的序列都将通过 Array.from 创建及其可选的 mapFn范围。对于任何超过 4 的 count 值，都没有必要使用任何类型的循环；只需创建一个数组，其中前两项始终是 1 和 2，然后是 '...' 的省略号占位符，然后是 '...'最后两项的值总是分别为 count - 1 count。

function createEllipsisSequence(count) {
  let list;
  if (count <= 4) {

    list = Array
      .from({ length: count }, (_, idx) => idx + 1);
      
  } else {
    list = [1, 2, '...', count - 1, count];
  }
  return list;
}

console.log('count: 3 ...',
  createEllipsisSequence(3)
);
console.log('count: 4 ...',
  createEllipsisSequence(4)
);

console.log('count: 5 ...',
  createEllipsisSequence(5)
);
console.log('count: 6 ...',
  createEllipsisSequence(6)
);

console.log('count: 10 ...',
  createEllipsisSequence(10)
);
console.log('count: 11 ...',
  createEllipsisSequence(11)
);

.as-console-wrapper { min-height: 100%!important; top: 0; }