如何访问gameData数组首个索引数据及嵌套的board属性？

当然可以用解构语法，这是处理这类属性提取场景最简洁高效的方式，比逐行赋值更优雅。

实现方式 #

你可以通过两种方式完成需求：

1. 链式直接解构（推荐）

直接从数组索引0的对象中提取并重命名属性：

const { ROW_COUNT: rows, COLUMN_COUNT: cols, board } = gameData[0];

这里的ROW_COUNT: rows表示把对象里的ROW_COUNT属性值赋值给变量rows，同理COLUMN_COUNT: cols是重命名为cols；board因为变量名和属性名一致，直接写即可。

2. 分步解构（更直观，适合复杂场景）

先取出数组的第0个元素，再对其进行解构：

// 先获取目标游戏对象
const targetGame = gameData[0];
// 解构赋值
const { ROW_COUNT: rows, COLUMN_COUNT: cols, board } = targetGame;

不用解构的替代写法 #

如果不想用解构，也可以用普通的属性访问赋值，但代码会更冗余：

const rows = gameData[0].ROW_COUNT;
const cols = gameData[0].COLUMN_COUNT;
const board = gameData[0].board;

显然解构语法在提取多个属性时更简洁，可读性也更强，推荐使用。

内容的提问来源于stack exchange，提问作者Sagar Singh