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()

Answer 2

嘗試這種方式：

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

for(var i=0; i< squares.length; i++)
{
     $('.' + getClass(squares[i], cubes[i])).doStuff();
}

Answer 3

像這樣：

var squares = [1, 2, 4,  8];
var cubes = [1, 4, 9, 16];
var direction=[]
for (i=0;i<cubes.length;i++){
    a.push(getClass(squares[i], cubes[i]));
}
$(a).each(function (index) {
    $('.' + this).doStuff();
});