在 JavaScript 中用 object 填充数组而不编写循环的最简单方法？

Question

Say I have the following object:

var obj = { foo: 'bar' };

I want to add this object to an array X amount of times so the result is:

[{ foo: 'bar' }, { foo: 'bar'}, ... , { foo: 'bar'}]

Is there a way to accomplish this without explicitly coding a loop?

Answer 1

There is a way: manually. Any programmatic solution will indeed use a loop here, which, if you wish to maintain your sanity -- use it.

Answer 2

你可以使用地图

var filled = Array.apply(null, Array(501)).map(function() { return {"foo":"bar"} });

Answer 3

You can do this using .fill

const someArray = ['test']; // Any other data you may have
const resultingArray = new Array(100).fill({ foo: 'bar' }).concat(someArray);

Set 100 to whatever number you need, concat any extra data after (or before if needed)

As @isvforall pointed out this isn't a deep copy and is done via reference so changing any of the elements in the array would affect all of the others which reference the same object. Best used if your values are primitives.

Answer 4

I think epascarello's answer is already a winner, and I +1'd it, but here's another approach just for kicks, using your Array.join() trick along with JSON.stringify() and JSON.parse() .

Verbose:

var obj = { foo: 'bar' };
var objJSON = JSON.stringify(obj);
var list = new Array(501).join(objJSON + ',')
var trimmedList = list.substr(0, list.length - 1); // getting rid of that last comma
var arrayJSON = '[' + trimmedList + ']';
var array = JSON.parse(arrayJSON);
console.log(array);

Compact:

var list = new Array(501).join(JSON.stringify({ foo: 'bar' }) + ',')
var array = JSON.parse('[' + list.substr(0, list.length - 1) + ']');
console.log(array);

Answer 5

If you really don't want a loop you can use recursion.

function objFillArray(obj, count) {
    let ret = [];
    return notALoop();
    function notALoop() {
        ret.push(obj);
        if( --count ) return notALoop();
        return ret;
    }
}

this will keep calling notALoop count number of times adding the object to the returned array.

Answer 6

Using recursion and concat function

var obj = { foo: 'bar' };

var result = (function fill(a, len) {
    return a.length == len ? a : fill(a.concat(obj), len);
})([], 10);

 var obj = { foo: 'bar' }; var result = (function fill(a, len) { return a.length == len ? a : fill(a.concat(obj), len); })([], 10); document.write(JSON.stringify(result)); 

Answer 7

The callback function in Array.from can be used to ensure each element of the array is a different reference.

 const arr = Array.from({length: 5}, _=>({foo: 'bar'})); console.log(arr);

If all elements are meant to be the same reference, directly use Array#fill .

 const arr = Array(5).fill({foo: 'bar'}); console.log(arr);

Answer 8

Use .push() function to assign value to an array.

    yourarray.push(yourobject);
               |
               |
               |
               V
    fiveHundredChars.push(obj);