用字符串填充数组的最佳方法

thatOneGuy 发表于 Dev

那一个人

说我有一个数组：

var newArray = [];

我可以像这样添加字符串：

var thisString = 'watch';
newArray.push(thisString);

我想做的是有一个字符串数组。因此，例如，我希望newArray拥有50个“ thisString”。

我可以通过循环轻松地做到这一点：

for(var i=0;i<50;i++){
  newArray.push(thisString);
}

但是，如果我有3个字符串：

var firstString = 'first', secondString = 'second', thirdString = 'third';

我想将第三次推送30次，第二次40次和第三次50次，是通过上述循环执行此操作的唯一方法吗？或者我可以说

newArray.push(firstString * 50); //obviously not correct javascript (psuedo code)

我想这样做，因为在我的项目中我可能有超过10个字符串。我知道这是为循环建立的，但是我想知道是否有更简单的方法可以做到这一点。

可以使用JQuery。

艾哈迈德·法格

要获得重复元素的数组，可以使用以下方法：

var count = 3;
var sizedArray = Array.apply(null, Array(count));

这将返回以下内容：

[undefined, undefined, undefined]

接下来，您可以map用来投影预期值，有效地为您提供重复值的数组count：

var value = 'hello';
var result = sizedArray.map(function(o) {
    return value;
});
// ['hello', 'hello', 'hello']

将所有这些放在一起，可以按以下方式解决您的请求：

function generateArray(value, size) {
  var sizedArray = Array.apply(null, Array(size));
  var result = sizedArray.map(function() {
    return value;
  });
  return result;
}

var firstArray = generateArray('first', 5);
var secondArray = generateArray('second', 10);
var thirdArray = generateArray('third', 15);
var result = firstArray.concat(secondArray).concat(thirdArray);
console.log(result);

这种方法适用于任何字符串，甚至包括逗号，因为我们没有采用类似于注释中解决方案的逗号分隔方法，该方法仅适用于有限的一组输入。

JSBin：演示链接

或者，如果您使用的是LoDash，则可以使用该_.range方法在mapon上生成一个数组，该数组将替换Array.apply上面的用法：