javascript - 我应该如何在这个多维数组中将名称加粗？

Question

保持相似的结构，仅在该数组中将名称加粗的最佳方法是什么？我可以让它在整个数组(我在这里)上工作，但我只是想获取名称。我有一个关于这个问题的丑陋方法的想法，但希望在简洁和干净的外观上得到一些帮助。另外，我知道这不是最好的选择，我应该将数组包装在一个对象等中，但这不是我在这里需要的。这与我正在思考的一个更大的问题有关，也是对 future 更大问题的练习。谢谢。

var people = [ 
  [ "Daniel",30,"San Francisco",["175 lb"," 6\'0\""] ],
  [ "Deryl",29,"Seattle",["165 lb"," 5\'9\""] ], 
  [ "Mandie",29,"Seattle",["155 lb"," 5\'8\""] ], 
  [ "Elena",28,"Seattle",["145 lb"," 5\'6\""] ]
];

for(var i = 0; i < people.length; i++) {
    document.write("<br>"+"<b>");
    for(var j = 0; j < people.length; j++) {
        document.write(people[i][j]+"<br>");
    }
}

Answer 1

我已将您的代码组织到对象数组中，原因如下。首先，我认为它使代码很多更具可读性。数组数据很快就会变得困惑，尤其是当您有一段时间没有查看代码时。以这种情况为例 - 您正在记录该人的姓名以及他/她的母亲和父亲的姓名。你的数组看起来像这样:

['Toby', 'Chris', 'Lyndall']

从那时起，您必须记住:

array[0] //Persons name
array[1] //Fathers name
array[2] //Mothers name

其次，这意味着您可以迭代所有对象并轻松引用它们的任何属性，而不必引用多维数组，这也会变得令人困惑。

var people = [ 
  {
    name: "Daniel",
    age: 30,
    location: "San Francisco",
    weight: "175 lb",
    height: "6\'0\""
  },
  {
    name: "Deryl",
    age: 29,
    location: "Seattle",
    weight: "165 lb",
    height: "5\'9\""
  },
  {
    name: "Mandie",
    age: 29,
    location: "Seattle",
    weight: "155 lb",
    height: "5\'8\""
  },
  {
    name: "Elena",
    age: 28,
    location: "Seattle",
    weight: "145 lb",
    height: "5\'6\""
  }
];

people.forEach(function(person) {
  var html = '';
  
  html += '<b>' + person.name + '</b>' + '<br>';
  html += person.age + '<br>';
  html += person.location + '<br>';
  html += person.weight + '<br>';
  html += person.height + '<br><br>';
  
  document.write(html);
});