-1

我对此进行了很多谷歌搜索，并且我知道有一些方法可以复制数组并在不影响原始数组的情况下使用它们，但是我确实尝试了很多东西，但在我的特定代码行上似乎没有任何效果。

我正在做一个简单的记忆游戏。当用户获得正确的配对时，匹配配对的图像将出现在右侧屏幕上，显示用户获得的所有匹配图像。下图显示了这一点，但是当我使用一种方法来调整图像大小时（匹配的对比普通游戏卡小），我选择了未定义的卡cardState。

在此处输入图像描述

这是一堆代码，可以帮助您解决我的问题：

   checkCardSelection(_cardSelectionArray,_position){
    var _cardArray = this.state.cardArray;
    var _matchedcardArray = this.state.matchedcardArray;
    console.log("Position:" +_position)
    if(_cardSelectionArray[0].cardType === _cardSelectionArray[1].cardType){
        var copy = _cardSelectionArray.slice(0,1)
        _matchedcardArray.push(copy)
       _matchedcardArray[_matchedcardArray.length-1].cardState = this.renderMatchedImage(_matchedcardArray[_matchedcardArray.length-1].cardType)
 this.setState({ cardArray: _cardArray, matchedcardArray: _matchedcardArray });


renderMatchedImage(cardType) {
switch(cardType) {
case 'A':
  return <img src={imagem1} alt="Raposa" width="49px" height="70px"/>;
case 'B':
  return <img src={imagem2} alt="Cobra" width="49px" height="70px"/>;
case 'C':
  return <img src={imagem3} alt="Galinha" width="49px" height="70px"/>;
        // and so on...

MatchedCardArray是一个空数组，一旦它们配对就会得到卡片

CardSelectionArray是一个双值数组，其中选择了两对

每张卡片都有一个CardType（A，B，C，D，...）和一个CardState（“不可见”或返回的图像）。它们是随机的，具有函数。例如，CardArray可能是：

0: {cardType: "G", cardState: "INVISIBLE"}
1: {cardType: "B", cardState: "INVISIBLE"}
2: {cardType: "A", cardState: "INVISIBLE"}
4

2 回答 2

2

据我所知，没有标准方法可以在 JavaScript 中深度复制对象数组。如果您需要对包含“简单”对象（简单意味着没有函数等）的数组进行深层复制，您可以使用以下简单技巧来完成：

const newArray = oldArray.map(item => JSON.parse(JSON.stringify(item)));

要复制原始数组，您可以使用更简单的方法：

const newArray = oldArray.slice();

更新（在评论中讨论后）：

如果您需要复制浅对象数组（所有属性都指向原始值），则以下方式可能会比 JSON.parse/stringify 提供更好的性能：

const newArray = oldArray.map(item => Object.assign({}, item));
于 2019-11-07T17:28:20.427 回答
0

您可以使用 es6 功能轻松做到这一点

let variable=[...yourarray]
于 2019-11-07T18:49:20.297 回答