时间戳

首页 > 解决方案 > 如何将多个数组添加到显示的文本中

javascript - 如何将多个数组添加到显示的文本中

问题描述

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 对象的 Labels 属性中的数组，该数组本身保存在sketch.js 中定义的全局 vis 变量中，将每个 Labels 属性写入屏幕。当我按下空格键时会显示 Mymenu，它看起来如下：

选择图书馆：

华盛顿

莫斯科

北京

但是，我希望一些数组也以下列方式显示，例如

1：华盛顿

2：莫斯科

3：北京

我试图使用 IndexOf +1 但到目前为止没有运气。您对如何实现这一点有任何提示吗？

提前感谢安迪

标签： javascriptp5.js

解决方案

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

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);
    }
};

希望这可以帮助 ！

推荐阅读