将字符串转换为_.each中的对象

Question

I'm using underscore in an Angular controller and attempting to turn a string into an object with several properties.

vm.availableGames = _.each(availableGames, function(game) {
  game.name = game;
  if (_.contains(user.allowed_games.games, game)) {
    game.allowed = true;
  } else {
    game.allowed = false;
  }
});

availableGames is an array of strings of available games allowed_games is also an array of strings of allowed games

My aim is to create an array of objects ( vm.availableGames ) which contains all available games. Each of these objects will have a name property (the original string) and an allowed property (a boolean).

The above code results in a Cannot assign to read only property... error. How would I go about accomplishing what I'm aiming for without running into this error?

Answer 1

this should work:

vm.availableGames = _.map(availableGames, function(game) {
  return {
    name: game,
    allowed: _.contains(user.allowed_games, game)
  };
});

and without underscore:

vm.availableGames = availableGames.map(function(game) {
  return {
    name: game,
    allowed: (user.allowed_games.indexOf(game) !== -1)
  };
});

Answer 2

It's not underscore, but will this work?

vm.availableGames = [];

for( game in availableGames ) {
    if( allowed_games.indexOf(game) !== -1 )
        vm.availableGames.push({ allowed: true, name: availableGames[game] });
    else
        vm.availableGames.push({ allowed: false, name: availableGames[game] });
}
for( game in allowed_games ) {
    if( availableGames.indexOf(allowed_games[game]) !== -1 )
        vm.availableGames.push({ allowed: true, name: allowed_games[game] });
}

EDIT: Answer using forEach...

NOTE: This only works if everything in allowed_games is also in availableGames.

availableGames.forEach(function( game ) {
    vm.availableGames.push({ allowed: allowed_games.indexOf(game) !== -1, name: game });
});