javascript - 我想给每个数组元素一个数字

Question

我有这段代码，问题是它列出了单个数组元素的数字而不是整个数组。

我确实尝试了其他方法，包括.map，但失败了。

让名字='比尔博，甘道夫，纳兹古尔，鲍勃，格瑞姆，拉尼亚凯亚，德泽维德，莱万，乔治，什么';

let arr = names.split(', ');

for (let name of arr) {
for(let i =1; i < arr.length; i++)
  document.write( i + ` A message to ${name}.` + `<br>` ); // A message to Bilbo  (and other names)

}

1. 我使用此代码的结果是这样的:

   1 A message to Bilbo.
   2 A message to Bilbo.
   3 A message to Bilbo.
   4 A message to Bilbo.
   5 A message to Bilbo.
   6 A message to Bilbo.
   7 A message to Bilbo.
   8 A message to Bilbo.
   9 A message to Bilbo.
   1 A message to Gandalf.
   2 A message to Gandalf.
   3 A message to Gandalf.
   4 A message to Gandalf.
   5 A message to Gandalf.
   6 A message to Gandalf.
   7 A message to Gandalf.
   8 A message to Gandalf.
   9 A message to Gandalf.
   1 A message to Nazgul.
   2 A message to Nazgul.
   3 A message to Nazgul.
   4 A message to Nazgul.
   5 A message to Nazgul.
   6 A message to Nazgul.
   7 A message to Nazgul.
   8 A message to Nazgul.
   9 A message to Nazgul.
   1 A message to Bob.
   2 A message to Bob.
   3 A message to Bob.
   4 A message to Bob.
   5 A message to Bob.
   6 A message to Bob.
   7 A message to Bob.
   8 A message to Bob.
   9 A message to Bob.
   1 A message to Grim.
   2 A message to Grim.
   3 A message to Grim.
   4 A message to Grim.
   5 A message to Grim.
   6 A message to Grim.
   7 A message to Grim.
   8 A message to Grim.
   9 A message to Grim.
   1 A message to Laniakea.
   2 A message to Laniakea.
   3 A message to Laniakea.
   4 A message to Laniakea.
   5 A message to Laniakea.
   6 A message to Laniakea.
   7 A message to Laniakea.
   8 A message to Laniakea.
   9 A message to Laniakea.
   1 A message to Dzevid.
   2 A message to Dzevid.
   3 A message to Dzevid.
   4 A message to Dzevid.
   5 A message to Dzevid.
   6 A message to Dzevid.
   7 A message to Dzevid.
   8 A message to Dzevid.
   9 A message to Dzevid.
   1 A message to Levan.
   2 A message to Levan.
   3 A message to Levan.
   4 A message to Levan.
   5 A message to Levan.
   6 A message to Levan.
   7 A message to Levan.
   8 A message to Levan.
   9 A message to Levan.
   1 A message to George.
   2 A message to George.
   3 A message to George.
   4 A message to George.
   5 A message to George.
   6 A message to George.
   7 A message to George.
   8 A message to George.
   9 A message to George.
   1 A message to What.
   2 A message to What.
   3 A message to What.
   4 A message to What.
   5 A message to What.
   6 A message to What.
   7 A message to What.
   8 A message to What.
   9 A message to What.
   

我希望它按以下方式工作:

    1 A message to Bilbo
    2 A message to Gandalf
    3 A message to Nazgul
    4 A message to Bob
    5 A message to Grim
    6 A message to Laniakea
    7 A message to Dzevid
    8 A message to Levan
    9 A message to George
    10 A message to what

Answer 1

不确定您想要实现什么目标。但这里的代码可以提供帮助。

let names = 'Bilbo, Gandalf, Nazgul, Bob, Grim, Laniakea, Dzevid, Levan, George, What';\
names = names.split(',');

names.forEach((name, index) => {
    document.write(`${index} A message to ${name.trim()}`);
})

在这个例子中，我们首先将长字符串转换为名称数组。然后使用简单的 forEach 处理每个名称。请注意，我使用 name.trim() 来删除拆分后留下的不必要的空格。