在javascript中将对象添加到对象内的数组

Question

I'm pretty new to Javascript, but I want to create a game. In the game, every time a user plays or completes a certain level they'll accumulate points (sort of like an achievement or badge). I need to write an algorithm that will not only keep track of the user's points, but will assign them the correct badge after they've completed an action and/or have earned the necessary points.

I was thinking along the lines of creating a User object for each player that will include properties such as 'name', 'points', and an array listing the badges the player has earned so far. The badges themselves will also be objects and there will be certain properties describing the rank.

Is it possible to push an object inside of another object in Javascript? For example:

var daniel = {
  userName: "Daniel White",
  userPoints: 1250,
  userBadges = [ 'Bronze', 'Silver' ],
 }

var goldBadge = {
  badgeName: "Gold",
  minWeight: 1250,
}

Note: The 'minWeight' property is stating that the user must have a minimum of 1250 points in order to obtain that badge.

Is it possible for me to assign the gold badge to user Daniel by pushing goldBadge to the array userBadges? Or am I going about it all wrong?

Answer 1

Is it possible for me to assign the gold badge to user Daniel by pushing goldBadge to the array userBadges? Or am I going about it all wrong?

Yeah in javascript it is possible to have an array of different types. In this case:

var daniel = {
  userName: "Daniel White",
  userPoints: 1250,
  userBadges : ['Bronze', 'Silver']}

var goldBadge = {
  badgeName: "Gold",
  minWeight: 1250}

daniel.userBadges.push(goldBadge)

Answer 2

Yes you can simply push it to the userBadges property.

Like this:

var daniel = {
  userName: "Daniel White",
  userPoints: 1250,
  userBadges = [ 'Bronze', 'Silver' ],
 }


daniel.userBadges.push({
  badgeName: "Gold",
  minWeight: 1250,
})

Answer 3

Is it possible for me to assign the gold badge to user Daniel by pushing goldBadge to the array userBadges? Or am I going about it all wrong?

I would say...yes to both. You totally can push gold on to badges (the other answers show how to do so), but if points are the only determinant for badges then just make a function that takes an integer and returns an array of badges:

const badges = [["gold", 1250], ["silver", 1000], /* etc */];
const getBadgesByScore = score => {
  return badges
    .filter(([name, thres]) => score >= thres)
    .map(([name] => name); 
};

getBadgesByScore(daniel.score); // ["gold", "silver"...

Using object properties might be conceptually simple, but you're storing a lot of duplicate data.

Answer 4

Simply use push method

 var daniel = { userName: "Daniel White", userPoints: 1250, userBadges: ['Bronze', 'Silver'] } var goldBadge = { badgeName: "Gold", minWeight: 1250 } daniel.userBadges.push(goldBadge); console.log(daniel)