我刚刚开始学习函数式编程，并希望将其应用于我个人的React开发中，以开发函数式思维方式。

**这里有一个问题：**在函数式编程中，不变性是其特性的一部分，以避免在适当的位置改变数据。但是考虑到push()和splice()在下面的方法中的使用，如果const squares = [];和const boardRows = [];都不是全局定义的变量，那么在函数式编程中使用它们是否可以接受？

renderBoard() {
    const squares = [];
    const boardRows = [];
    const rowBlock = (squares) => (<div className="board-row">{squares[0]}{squares[1]}{squares[2]}</div>);
    const div = (boardRows) => (<div>{boardRows[0]}{boardRows[1]}{boardRows[2]}</div>);

    let index = 0;
    for (var j = 3; j > 0; j--) {
        for (var i = 0; i < 3; i++) {
            const square = this.renderSquare(index++, [j, i + 1]);
            squares.push(square);
        }

        const boardRow = rowBlock(squares);
        boardRows.push(boardRow);
        squares.splice(0); //clear array to store squares of next board row
    }

    return(div(boardRows));
}