如何格式化包含大量值的javascript数组

在javascript中，我创建了一个数组，其中包含一些值。值列表相对较长，导致在大多数屏幕上，单行代码出现在两行上。例如，代码行是：

var fieldNames = ['firstName', 'lastName', 'phoneNumber', 'emailAddress', 'hotelName', 'roundTrip', 'origin', 'departureDate', 'departureTime', 'returnDate', 'returnTime'];

---

有没有更好的方式来格式化这一行，使其更具可读性？数组中的每个值都应该在自己的行上吗？

我通常会这样做：

var fieldNames = ['firstName', 'lastName', 'phoneNumber', 'emailAddress', 
'hotelName', 'roundTrip', 'origin', 'departureDate', 'departureTime',
'returnDate', 'returnTime'];

var字段名=[
“firstName”、“lastName”、“phoneNumber”、“emailAddress”、“hotelName”，
‘往返’、‘起点’、‘出发日期’、‘出发时间’、‘返回日期’，
“返回时间”
];

我就是这么做的。这可能是个好主意，也可能不是个好主意

---

至少对我来说，它帮助我了解数组的开始和停止位置以及它所属的变量。

如果目标是更具可读性的代码，那么将每个元素分别放在它自己的行上就可以了

例如，如果您对数组中的一个元素进行更改并提交给git，那么整个行将显示为在差异中被更改。其他人很难准确地看到更改了哪个元素

如果每个元素都在它自己的行上，并且您对一个元素进行了更改，然后提交给git，那么只有具有更改的元素的行才会显示在diff中。这样就可以清楚地看出是哪个元素被更改了

---

我们在项目中使用require.js，有时模块需要很多依赖项，因此我们的代码如下所示：

require([
    module1,
    module2,
    module3,
    module4,
    module5,
    module6
], function(
    module1_obj,
    module2_obj,
    module3_obj,
    module4_obj,
    module5_obj,
    module6_obj
){
...
});

因为我们必须定义两个非常长的列表，我们将其格式化为一列，一行一项，这样当我们删除一个依赖项时，我们可以很容易地在两列中删除它，并看到它们都有相同的项目计数

澄清：require.js中的第一个数组定义了依赖项，第二个数组给出了使用该依赖项的对象，这就是为什么存在两个依赖项的原因

不将任何项目放在第一行的好处

var foo = [ // <-- Not having an element on this line.
    1,
    2,
    3
];

---

在版本控制中，您可以清楚地看到对象/数组的内容是否已编辑，或者对象/数组的名称是否已打开，我确信其中一个已经涵盖了这个问题。因为我的观点和其他人一样好：如果数组定义不适合一行80个字符，请将每个元素放在一行上。

var bar = {
    iAmAProperty: "YAY"
};