本文介绍如何在 javascript 中安全、高效地访问多层嵌套数组（如二维数组）中包含的产品对象（product）及其属性（如 name、price），并提供基础索引访问、遍历示例及健壮性处理建议。
本文介绍如何在 javascript 中安全、高效地访问多层嵌套数组（如二维数组）中包含的产品对象（product）及其属性（如 name、price），并提供基础索引访问、遍历示例及健壮性处理建议。
在实际开发中，我们常遇到数据结构为“数组套数组，内层数组元素为对象”的场景，例如购物车数据、订单明细等。以如下数据为例：
const arrayOfArrays = [
[
{ product: { name: 'Product 1', price: 10 }, quantity: 1 },
{ product: { name: 'Product 2', price: 20 }, quantity: 2 }
]
];该结构是一个一维数组（arrayOfArrays），其唯一元素（索引 0）是另一个一维数组，该内层数组包含两个商品对象。要访问其中某个产品的名称，需按层级依次取值：
-
arrayOfArrays[0]→ 获取内层数组； -
arrayOfArrays[0][0]→ 获取第一个商品对象； -
arrayOfArrays[0][0].product.name→ 获取第一个商品的名称。
✅ 基础访问示例：
console.log(arrayOfArrays[0][0].product.name); // "Product 1" console.log(arrayOfArrays[0][1].product.price); // 20 console.log(arrayOfArrays[0][0].quantity); // 1
✅ 安全遍历推荐（避免硬编码索引）：
立即学习“Java免费学习笔记（深入）”；
if (Array.isArray(arrayOfArrays) && arrayOfArrays.length > 0) {
const innerArray = arrayOfArrays[0];
if (Array.isArray(innerArray)) {
innerArray.forEach((item, index) => {
if (item && item.product && typeof item.product === 'object') {
console.log(`Item ${index + 1}: ${item.product.name} × ${item.quantity} @ $${item.product.price}`);
}
});
}
}
// 输出：
// Item 1: Product 1 × 1 @ $10
// Item 2: Product 2 × 2 @ $20⚠️ 注意事项：
-
始终校验数据结构：嵌套访问前应检查数组长度与对象存在性（如
arrayOfArrays?.[0]?.[0]?.product?.name可配合可选链操作符提升安全性）； -
避免越界访问：直接使用
arrayOfArrays[0][5].product.name在内层数组不足6项时会报Cannot read property 'product' of undefined； -
考虑语义化重构：若该结构高频使用，建议扁平化为单层数组（如
const products = arrayOfArrays.flat();）或封装为工具函数，提升可读性与可维护性。
掌握层级索引与防御性访问，是处理真实业务中复杂嵌套数据的关键基础能力。
