Javascript组合对象数组
问题描述:
执行时。该代码警告一个数组充满未定义的对象。我试图制作一副扑克牌,让每张牌成为一个拥有2个对象属性(花色和价值)的数组元素。我认为这个问题出现在2个阵列的融合中。Javascript组合对象数组
感谢您的帮助提前!
<body>
<h1>Problem #1</h1>
<h2>Number of Players:</h2>
<form id='form'>
<input type="radio" name="playerChoice" id="playerChoice-1" value="1" />
<label for="playerChoice-1">1</label>
<input type="radio" name="playerChoice" id="playerChoice-2" value="2" />
<label for="playerChoice-2">2</label>
<input type="radio" name="playerChoice" id="playerChoice-3" value="3" />
<label for="playerChoice-3">3</label>
<input type="radio" name="playerChoice" id="playerChoice-4" value="4" checked="checked" />
<label for="playerChoice-4">4</label>
</form>
<a id="deal" href="#">Deal</a>
<div id="theDealtHands">
<p id='p1'>Player 1:</p>
<p id='p2'>Player 2:</p>
<p id="p3">Player 3:</p>
<p id='p4'>Player 4:</p>
</div>
<script src="js/jquery-2.0.3.min.js"></script>
<script>
$(document).ready(function() {
alert("Welcome to the Card House!");
//Add the event listener for the deal button here
$('#deal').click(function(){
var deck = createDeck();
var deck = shuffleDeck(deck);
var choice = $('input[name=playerChoice]:checked', '#form').val();
dealCards(choice, deck);
});
});
var createDeck = function(){
var deck = [];
var suits = [{suit: 'hearts'}, {suit: 'spades'}, {suit: 'diamonds'}, {suit: 'clubs'}];
for (var x =0; x<4; x++){
deck.push({value: 'Ace'}, {value: '2'}, {value: '3'}, {value: '4'}, {value: '5'}, {value: '6'}, {value: '7'}, {value: '8'}, {value: '9'}, {value: '10'}, {value: 'Jack'}, {value: 'Queen'}, {value: 'King'});
}
alert(deck);
for (var y=0; y<52; y++){
if(y<13){ deck[y] = deck[y] + suits[0];}
else if (y<26){ deck[y] = deck[y] +suits[1];}
else if (y<39) { deck[y] = deck[y] + suits[2];}
else {deck[y] = deck[y] + suits[3];}
}
return deck;
};
</script>
</body>
答
要合并的对象,你可以简单地使用underscorejs通过调用_.extend()方法
_.extend(目的地,*源)
只是记源和目的地中具有相同名称的属性将被新的替换为
例如
var obj1 = {p1:'v1',p2:'v2'};
var obj2 = {p1:'v3',p4:'v4'};
var obj3 = _.extend(obj1,obj2) // which is {p1:'v3',p2:'v2',p4:'v4'}
了解更多详情,您可以检查underscorejs _.extend
注:JavaScript不支持*加入*对象合并它们,但[有选择来实现这一目标(HTTP://计算器/问题/ 171251 /何灿我合并 - 属性 - 的 - 两个JavaScript的对象 - 动态.COM)。 – 2014-11-01 06:16:26
甜蜜的感谢!这回答了我的问题;荣誉。 – 2014-11-01 06:45:23