如何按顺序生成与yValues元素数量匹配的xValues数字数组

以下是几种简单直接的实现方式，适用于动态变化的yValues数组：

方法1：for循环（基础实现） #

通过遍历yValues的长度，从1开始依次将数字推入xValues数组：

var yValues = ['apple', 'orange', 'carrot']; // 动态数组
var xValues = [];

for (let i = 0; i < yValues.length; i++) {
  xValues.push(i + 1); // 索引从0开始，加1得到从1起始的顺序数字
}

方法2：Array.map()方法（简洁实现） #

利用数组的map方法，通过元素的索引值生成对应数字：

var yValues = ['apple', 'orange', 'carrot'];
var xValues = yValues.map((_, index) => index + 1);

_表示我们不需要使用当前元素，只需要利用索引值来生成数字。

方法3：Array.from()方法（高效实现） #

直接根据yValues的长度创建新数组，同时填充顺序数字：

var yValues = ['apple', 'orange', 'carrot'];
var xValues = Array.from({ length: yValues.length }, (_, i) => i + 1);

第一个参数指定新数组的长度，第二个参数的回调函数负责生成每个位置的数值。

以上三种方法都能实现需求，当yValues的元素数量变化时，xValues会自动对应生成长度一致的顺序数字数组（从1开始）。

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