Javascript 循环遍历对象集合

Question

var squares = [1, 2, 4,  8];
var cubes = [1, 4, 9, 16];
var north,east,south,west;

north = getClass(squares[0], cubes[0]);
east  = getClass(squares[1], cubes[1]);
south = getClass(squares[2], cubes[2]);
west  = getClass(squares[3], cubes[3]);

$('.' + north).doStuff()
$('.' + east).doStuff()
$('.' + south).doStuff()
$('.' + west).doStuff()

我正在用 javascript 编写一些代码，感觉我应该能够重构此部分，但我不知道该怎么做。

我想我想做的是将北、东、南、西变成某种集合，以便我可以迭代它？

您建议我如何使用 javascript 执行此操作？

Answer 1

你可以做类似的事情:

var squares = [1, 2, 4,  8];
var cubes = [1, 4, 9, 16];
var selectors = [];

for(var c = 0, c < squares.length, c++){
    selectors.push(getClass(squares[c], cubes[c]));
}

$('.' + selectors.join(', .')).doStuff()

或者，您可以使用.map:

var squares = [1, 2, 4,  8];
var cubes = [1, 4, 9, 16];
var selectors = $.map(squares, function(_, i){
    return getClass(squares[i], cubes[i]);
})

$('.' + selectors.join(', .')).doStuff()