下面是一个简单的实用方法:

简单地图

函数mapFor(toExclusive, callback) { Callback = Callback || function(){}; Var arr = []; For (var I = 0;i < toExclusive;我+ +){ arr.push(回调(i)); ｝ 返回arr; }; var arr = mapFor(3，函数(i){返回i;})； console.log (arr);// [0,1,2] arr = mapFor(3); console.log (arr);// [undefined, undefined, undefined]

完整的示例

下面是一个更完整的例子(带有完整性检查)，它也允许指定一个可选的起始索引:

function mapFor() { var from, toExclusive, callback; if (arguments.length == 3) { from = arguments[0]; toExclusive = arguments[1]; callback = arguments[2]; } else if (arguments.length == 2) { if (typeof arguments[1] === 'function') { from = 0; toExclusive = arguments[0]; callback = arguments[1]; } else { from = arguments[0]; toExclusive = arguments[1]; } } else if (arguments.length == 1) { from = 0; toExclusive = arguments[0]; } callback = callback || function () {}; var arr = []; for (; from < toExclusive; from++) { arr.push(callback(from)); } return arr; } var arr = mapFor(1, 3, function (i) { return i; }); console.log(arr); // [1, 2] arr = mapFor(1, 3); console.log(arr); // [undefined, undefined] arr = mapFor(3); console.log(arr); // [undefined, undefined, undefined]

倒计时

操作传递给回调函数的索引允许向后计数:

var count = 3;
var arr = arrayUtil.mapFor(count, function (i) {
    return count - 1 - i;
});
// arr = [2, 1, 0]

在ECMAScript第6版规范。

new Array(3)只定义属性长度，不定义索引属性如{length: 3}。参见https://www.ecma-international.org/ecma-262/6.0/index.html#sec-array-len步骤9。

[undefined, undefined, undefined]将定义索引属性和长度属性，如{0:undefined, 1: undefined, 2: undefined, length: 3}。参见https://www.ecma-international.org/ecma-262/6.0/index.html#sec-runtime-semantics-arrayaccumulation ElementList步骤5。

方法map, every, some, forEach, slice, reduce, reduceRight, Array的filter将通过HasProperty内部方法检查索引属性，因此new Array(3)。Map (v => 1)将不会调用回调函数。

更多详细信息，请参见https://www.ecma-international.org/ecma-262/6.0/index.html#sec-array.prototype.map

如何修复?

let a = new Array(3);
a.join('.').split('.').map(v => 1);

let a = new Array(3);
a.fill(1);

let a = new Array(3);
a.fill(undefined).map(v => 1);

let a = new Array(3);
[...a].map(v => 1);

从map的MDC页面:

[…回调函数只对赋值的数组索引调用;[…]

[undefined]实际上应用了索引(es)上的setter，因此map将进行迭代，而new Array(1)只是初始化索引(es)，默认值为undefined，因此map跳过它。

我相信这对于所有的迭代方法都是一样的。

由于在其他答案中详细解释的原因，数组(n)。地图不能用。然而，在ES2015中Array.from接受一个map函数:

let array1 = Array.from(Array(5)， (_， i) => i + 1) console.log('array1'， JSON.stringify(array1)) // 1,2,3,4,5 .log('array1'， JSON.stringify(array1) 让array2 = Array.from({长度:5},(_,我)= > (i + 1) * 2) console.log('array2'， JSON.stringify(array2)) // 2,4,6,8,10 .log('array2'， JSON.stringify(array2)

刚碰到这个。使用Array(n).map肯定会很方便。

数组(3)大致生成{length: 3}

[undefined, undefined, undefined]创建有编号的属性: {0:未定义，1:未定义，2:未定义，长度:3}。

map()实现仅作用于已定义的属性。

数组是不同的。不同之处在于，new Array(3)创建了一个长度为3但没有属性的数组，而[undefined, undefined, undefined]创建了一个长度为3的数组和三个名为“0”、“1”和“2”的属性，每个属性的值都为undefined。你可以用in操作符看出区别:

"0" in new Array(3); // false
"0" in [undefined, undefined, undefined]; // true

这源于一个有点令人困惑的事实，即如果您试图在JavaScript中获取任何原生对象的不存在属性的值，它将返回undefined(而不是抛出错误，当您试图引用不存在的变量时就会发生这种情况)，这与之前显式地将属性设置为undefined时得到的结果相同。