我正在使用React.js创建一个地牢爬虫游戏，并且正在使用Array.fill（0）来初始化棋盘。但是当我在2d数组内设置元素时，它将整个Array（列）设置为，'player'而不是单个元素。我有另一个createBoard()功能，注释掉，可以正常工作。那么，为什么会发生这种情况？如何正确使用Array.fill？

这是我的董事会组件：

import React,{Component} from 'react';
import Cell from './Cell';

class Board extends Component {
  constructor(props) {
    super(props);
    const dim = 10;
    let board = this.createBoard(dim,dim);
    this.state = {
      board: board,};
  }

  createBoard = (row,col) => {
    return Array(row).fill(Array(col).fill(0));
  }

  // createBoard = (rows,cols) => {
  //   let board = [];
  //   for (let i = 0; i < rows; i++) {
  //     let row = [];
  //     for (let j = 0; j < cols; j++) {
  //       row.push(0);
  //     }
  //     board.push(row);
  //   }
  //   console.log(board);
  //   return board;
  // }

  movePlayer = () => {

  }

  componentDidMount() {
    this.setPiece(this.props.player);
  }

  setPiece = (loc) => {
    let brd = this.state.board;
    const row = loc[0];
    const col = loc[1];
    console.log('row: '+row+' col: '+col+' ==='+brd[row][col]);
    brd[row][col] = 'player';
    console.log('setPiece: ',brd);
    this.setState({board: brd});
  }

  renderCell = (cell) => {
    switch(cell) {
      case 0:
        return 'floor';
      case 1:
        return 'wall';
      case 'player':
        return 'player';
      default:
        return 'floor';
    }
  }

  render() {
    return (
      <div className='board'>
      {this.state.board.map((row,i) => {
        return row.map((cell,j) => {
          return (
            <Cell
              key={[i,j]}
              loc={[i,j]}
              type={this.renderCell(cell)}
            />
          );
        })
      })}
      </div>
    );
  }
}

export default Board;

List<Integer> list = new ArrayList<Integer>(); 
list.add(0); 
list.add(1); 
list.add(2); 
list.add(3); 
list.add(4); 
list.add(5); 
list.add(6); 
list.add(7); 
//正常循环 
for (int i = 0; i < list.size(); i++) { 
 System.out.println("i的值:" + i + " 对应的数字:" + list.get(i)); 
} 
System.out.println("没有remove前list的项:"+list.size()); 
//边循环边删除 
for (int i = 0; i < list.size(); i++) { 
 System.out.println("i的值:" + i + " 对应的数字:" + list.get(i)); 
 if(list.get(i) == 3) list.remove(list.get(i));//删除list的第四项 
} 
System.out.println("remove后list的项:"+list.size()); 
System.out.println("==========remove后的list=========="); 
for (int i = 0; i < list.size(); i++) { 
 System.out.println("i的值:" + i + " 对应的数字:" + list.get(i)); 
} 

i的值:0 对应的数字:0 
i的值:1 对应的数字:1 
i的值:2 对应的数字:2 
i的值:3 对应的数字:3 
i的值:4 对应的数字:4 
i的值:5 对应的数字:5 
i的值:6 对应的数字:6 
i的值:7 对应的数字:7 
没有remove前list的项:8 
i的值:0 对应的数字:0 
i的值:1 对应的数字:1 
i的值:2 对应的数字:2 
i的值:3 对应的数字:3 
i的值:4 对应的数字:5 
i的值:5 对应的数字:6 
i的值:6 对应的数字:7 
remove后list的项:7 
==========remove后的list========== 
i的值:0 对应的数字:0 
i的值:1 对应的数字:1 
i的值:2 对应的数字:2 
i的值:3 对应的数字:4 
i的值:4 对应的数字:5 
i的值:5 对应的数字:6 
i的值:6 对应的数字:7 

List<Integer> list = new ArrayList<Integer>(); 
list.add(0); 
list.add(1); 
list.add(2); 
list.add(3); 
list.add(4); 
list.add(5); 
list.add(6); 
list.add(7); 
//正常循环 
for (int i = 0; i < list.size(); i++) { 
 System.out.println("i的值:" + i + " 对应的数字:" + list.get(i)); 
} 
System.out.println("没有remove前list的项:"+list.size()); 
 
//边循环边删除 
for (int i = list.size() -1 ; i >= 0; i--) { 
 System.out.println("i的值 " + i + " 对应的数字 " + list.get(i)); 
 if(list.get(i) == 3) list.remove(list.get(i)); 
} 
System.out.println("remove后list的项:"+list.size()); 
 
System.out.println("==========remove后的list=========="); 
for (int i = 0; i < list.size(); i++) { 
 System.out.println("i的值 " + i + " 对应的数字 " + list.get(i)); 
} 

i的值:0 对应的数字:0 
i的值:1 对应的数字:1 
i的值:2 对应的数字:2 
i的值:3 对应的数字:3 
i的值:4 对应的数字:4 
i的值:5 对应的数字:5 
i的值:6 对应的数字:6 
i的值:7 对应的数字:7 
没有remove前list的项:8 
i的值 7 对应的数字 7 
i的值 6 对应的数字 6 
i的值 5 对应的数字 5 
i的值 4 对应的数字 4 
i的值 3 对应的数字 3 
i的值 2 对应的数字 2 
i的值 1 对应的数字 1 
i的值 0 对应的数字 0 
remove后list的项:7 
==========remove后的list========== 
i的值 0 对应的数字 0 
i的值 1 对应的数字 1 
i的值 2 对应的数字 2 
i的值 3 对应的数字 4 
i的值 4 对应的数字 5 
i的值 5 对应的数字 6 
i的值 6 对应的数字 7 

std::vector<Node> nodes = ...
const unsigned short sentinel = -1;
unsigned short index = 0;
for (Node* node = &nodes[index]; // root node
     index != sentinel;
     node = &nodes[index])
{
    if (foo(*node)) {
       index = node->left;
    } else {
       index = node->right;
    }
}

解决方法

Node* node = &nodes[index]; // root node
while(index != sentinel)
{
    {
        if (foo(*node)) {
           index = node->left;
        } else {
           index = node->right;
        }
    }

    node = &nodes[index];
}

unsigned short index = 0;
do
{
    Node* node = &nodes[index];
    if (foo(*node)) {
       index = node->left;
    } else {
       index = node->right;
    }
} while(index != sentinel);