正如其他人所指出的,这称为“数组理解”,它是为 ECMAScript Harmony 建议的众多功能之一:
http://wiki.ecmascript.org/doku.php?id=harmony:array_comprehensions
然而,与几乎所有 Harmony“功能”一样,我认为它是否会真正包含在最终版本中并没有任何真正的概念。你可以在 Firefox 中使用它作为“JavaScript 1.7”的一部分(一个模糊的“标准”规范,真的仅适用于基于 Mozilla 的东西);但是,最好避免使用 FF 特定的语法,特别是当它会在其他浏览器中导致语法错误时。
您可以通过在 Google 上搜索“Array Comprehensions”来了解更多相关信息,但正如我所提到的,由于它是 Mozilla 特有的,它并不是一个非常有用的工具。
reduce()
使用ES5 中引入的 Array 方法,无需更多代码即可实现类似的效果:
//JavaScript has no "range" function, so let's make one
var range = function (begin, length) {
var i, ret = [];
for (i = begin; i < begin + length; i++) {
ret.push(i);
}
return ret;
};
var evens = range(0, 21).reduce(function (arr, cur) {
if (cur % 2 === 0) arr.push(cur);
return arr;
}, []);
与您要查找的内容相比,这可能有点冗长(即使记住我们必须创建一个range()
函数)。但这是一个相对紧凑的解决方案,不需要大量“设置”,主要解决问题:从一个数组中过滤元素以形成第二个数组。
我能够将其简化为单行版本,但维护起来有点笨拙,因此我决定建议改为两行版本。如果您对单线感兴趣,这里是:
//Don't forget to define "range()"
var evens = range(0, 21).reduce(function (arr, cur) {
return (cur % 2 === 0) ? (arr.push(cur) && arr) : arr;
}, []);
同样,这是 ES5 代码。如果您希望它在较旧的浏览器中工作,您需要提供一个 shim 来支持Array.reduce()
. MDN 这里有一个:
https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/Reduce
更新:
看起来我应该使用filter()
而不是reduce()
. 使代码更干净。感谢OP的建议!
var evens = range(0,21).filter(function (cur) { return cur % 2 === 0; });
同样,filter()
是 ES5,因此您需要一个 shim 以确保它在旧浏览器上正常运行。