如何将数组数量添加到显示的文本

Question

this.MyMenu = function(){
      this.MyMenu = function(){
                
                
     for(i = 0; i < vis.Labels.length; i++)
      {        
              text(vis.Labels[i].name, 100, 50 * i+80);
             
      }
     };

我写了一个 for 循环，遍历存储在 vis 对象的标签属性中的数组，它本身保存在 sketch.js 中定义的全局 vis 变量中，写入每个标签属性到屏幕。当我按下 space 栏时显示我的菜单，它看起来如下：

Select一个图书馆：

华盛顿

莫斯科

北京

不过，我希望数组中的一些数字也以以下方式显示，例如

1：华盛顿

2：莫斯科

3：北京

我曾尝试使用 IndexOf +1，但到目前为止没有成功。关于如何实现这一点，您有什么建议吗？

提前致谢安迪

Answer 1

你可以简单地使用模板文字来做到这一点

this.MyMenu = function(){                
   for(i = 0; i < vis.Labels.length; i++)
    {        
      text(`${i+1}: ${vis.Labels[i].name}`, 100, 50 * i+80);
    }
};

或

使用字符串连接

this.MyMenu = function(){                
   for(i = 0; i < vis.Labels.length; i++)
    {        
      const index = i+1
      text( (index+ ": " + vis.Labels[i].name) , 100, 50 * i+80);
    }
};

希望对您有所帮助！

如何将数组数量添加到显示的文本

How to add a Number of arrays to the displayed text

javascript

p5.js