在真假状态之间切换

Question

我有一个代表一个玩家的对象，假设是 2 个玩家

//create a player object
function player(name,state,score) {
    this.name = name;
    this.state = state;
    this.score = score;
} 

 var players = [
new player('player1',true,0),
new player('player2',false,0)
];

所以我希望玩家一个接一个地采取行动。为此，我使用 true 或 false state。所以当它为真时，它对玩家 1 和 vs. 很重要（我计算玩家的正确答案并显示它们）。

我现在拥有的是

$("#check").click(function(){
if(localCorrect == 2){

//counting number of correct cards and assigning it to the player
    var i=0; 
        if (players[i].state == true){
        var localscore = players[i].score;
        localscore++;
        score[i] = localscore;
//display the score
        $("span#"+players[i].name).html(score[i]);

        players[i].state = false;
        i++;
        players[i].state = true;
        //if(i=2)
        //{i=0}
        }

}else{
//some other thing
    }
});

我有这个http://jsfiddle.net/ycycghwq/ 的馈线

所以我有两个问题：

1. 我认为我对 var i 的声明有误（它代表一个玩家的索引，我有 2 个，所以它应该计数为 1，然后返回在这一点上是 0。但我想让它不依赖于特定的数字，所以它可以是 4 或 10 名玩家。

2. 我需要切换当前播放器（i）的状态。 player1 需要为真，并且何时切换为假。那么玩家 2 的状态需要从 false 转换为 true。 （因此，如果我有超过 2 个玩家，我需要将以下一个的状态切换为 true 和 false）

我初学者的大脑正在沸腾。有人可以帮忙吗？！ 提前致谢！

Answer 1

我稍微修改了您的代码。现在你可以在数组中拥有 x 个玩家，他们会很好地切换他们的状态。我评论了最重要的部分，所以我认为您阅读代码不会有问题。如果你只是问:)

JSFiddle: http://jsfiddle.net/ycycghwq/2/

var score = [0,0];
var localCorrect = 2;

$(document).ready(function(){

//create a player object
var Player = function(name, state, score) {
    this.name = name;
    this.state = state;
    this.score = score;
} 

var players = [
    new Player('player1',true,0),
    new Player('player2',false,0)
];

$("#check").click(function(){
    if(localCorrect == 2) {
        // iterate through all the players
        for(var iterator = 0; iterator < players.length; iterator++) {
            // check if there is array/object element with this key
            if (players.hasOwnProperty(iterator)) {
                var player = players[iterator];

                // check for player state
                if (player.state === true) {
                    // increment player score
                    player.score++;
                    score[iterator] = player.score;

                    $("span#" + player.name).html(score[iterator]);
                    player.state = false;

                    // check if there is next player in the array
                    // if not start from the first player
                    if (players.hasOwnProperty(iterator + 1)) {
                        var nextPlayer = players[iterator + 1];
                        nextPlayer.state = true;
                    } else {
                        var firstPlayer = players[0];
                        firstPlayer.state = true;
                    }

                    // exit the for loop
                    break;
                } else {
                    // some other thing
                }
            }
        }
    }
});
});

编辑：

您不会在玩家对象/数组中创建变量。您为 for..in 循环创建了一个变量迭代器。该变量代表数组的每个键（在本例中为玩家）。因此，对于循环的 2 次迭代，您的迭代器将分别为 0 和 1。您还可以使用它来遍历对象并获取它们的属性名称等等。

Documentation of for..in loop

无论如何，在这种情况下使用 for..in 循环而不是顺序 for 循环是我的坏事：

for(var iterator = 0; iterator < players.length; iterator++)

这样我们就不需要将迭代器解析为整数。 阅读更多关于何时使用 for..in 循环以及何时使用顺序 for 循环：

• here
• and here

Answer 2

• 答案 1：

在设置之前在处理程序之外声明i。而不是i++; 写i = (i+1) % num_of_players; 并定义变量num_of_players； % 是计算除法余数的模运算符。如果按照概述使用，它会从0 重复迭代到num_of_players-1。使用players.length 代替num_of_players 是等效的。

• 答案 2：

玩家的状态在你创建玩家对象时被初始化。在您给定的代码中，将players[i].state = false;、players[i].state = true; 替换为players[i].state = !players[i].state;。

工作演示：this fiddle.

注意

• 您不需要对布尔变量使用相等测试运算符； if (players[i].state) { ... 就足够了。

• 如果您使用相等性测试，请使用类型安全变体 === 而不是 ==。