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

Javascript循环通过对象的集合

3 个答案: