如何将此JavaScript数组对象附加到另一个JavaScript数组对象？(How to append this JavaScript array object to another JavaScript array object?)

 这个问题没有简短的答案，所以我会给大纲随意提出更多问题，以便在需要时获得更多详细信息： 
 
 要使用数据绑定，请确保集合中的项目实现INotifyPropertyChanged。 目前您正在使用字符串数组。 字符串不实现INotifyPropertyChanged。 
 
 还要确保该集合实现了INotifyCollectionChanged。 目前您使用的是二维数组。 数组不实现此接口。 
 
 解决方案是创建一个名为Tile的类，该类实现INotifyPropertyChanged并将该字符存储为字符串，并在X和Y属性中另外存储其在板上的位置： 
 
public class Tile : INotifyPropertyChanged
{
    private string character;
    public string Character
    {
        get
        {
            return character;
        }
        set
        {
            if(character != value)
            {
                character = value;
                OnPropertyChanged("Character");
            }
        }
    }

    private int x; // repeat for y and Y
    public int X
    {
        get
        {
            return x;
        }
        set
        {
            if(x != value)
            {
                x = value;
                OnPropertyChanged("X");
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string propertyName)
    {
        var p = PropertyChanged;
        if(p != null)
        {
            p(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}
 
 创建一个类Tiles，如下所示： 
 
public class Tiles : ObservableCollection<Tile>
{
}
 
 并用此集合替换二维数组。 
 
 将项控件绑定到集合的一种方法是，您需要将items控件的DataContext设置为集合的实例并指定属性ItemsSource =“{Binding}” 
 
 使用itemtemplate中的Character，X和Y属性显示文本并定位切片。 
 
 这样，当您在添加或移除切片时操作Tiles集合时，绑定将自动更新视图，并且当切片更改（位置或内容）时，也会更新板 

There is no short answer to this question, so I'll give an outline feel free to ask more questions to get more details where needed:
 
To use databinding make sure the items in the collection implement INotifyPropertyChanged. Currently you are using an array of strings. String do not implement INotifyPropertyChanged.
 
Also make sure the collection implements INotifyCollectionChanged. Currently you are using an two dimensional array. An array does not implement this interface.
 
A solution would be to create a class named Tile that implements INotifyPropertyChanged and stores the character as a string and additionally stores its position on the board in an X and Y property:
 
public class Tile : INotifyPropertyChanged
{
    private string character;
    public string Character
    {
        get
        {
            return character;
        }
        set
        {
            if(character != value)
            {
                character = value;
                OnPropertyChanged("Character");
            }
        }
    }

    private int x; // repeat for y and Y
    public int X
    {
        get
        {
            return x;
        }
        set
        {
            if(x != value)
            {
                x = value;
                OnPropertyChanged("X");
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string propertyName)
    {
        var p = PropertyChanged;
        if(p != null)
        {
            p(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}
 
Create a class Tiles like this:
 
public class Tiles : ObservableCollection<Tile>
{
}
 
and replace the two dimensional array with this collection.
 
One way of binding an items control to the collection requires you to set the DataContext of the items control to an instance of the collection and specifying the property ItemsSource="{Binding}"
 
Use the Character, X and Y properties in the itemtemplate to display the text and position the tile.
 
This way the bindings will automagically update the view when you manipulate the Tiles collection when adding or removing tiles and the board will also be updated when a tile changes (either position or content)