JavaScript：如何引用数组内对象中的数组并执行push操作？

嘿，这两个问题其实都是JavaScript里嵌套数据结构的常见操作，我给你一步步拆解说明：

首先咱们先明确一个典型的嵌套结构示例，方便理解：

// 带有嵌套数组的对象数组
const productList = [
  {
    productId: 101,
    tags: [] // 这就是我们要操作的嵌套数组
  },
  {
    productId: 102,
    tags: []
  }
];

操作分为两种场景：

• 已知目标对象的索引：直接通过索引定位对象，再访问内部数组执行push

// 定位第一个对象的tags数组，添加新标签
productList[0].tags.push('热销');
console.log(productList[0].tags); // 输出: ['热销']

• 未知索引，需要按条件查找对象：可以用find()方法匹配目标对象，再操作内部数组（记得加判断避免找不到对象报错）

// 找到productId为102的对象
const targetProduct = productList.find(item => item.productId === 102);
// 确认找到对象后执行push
if (targetProduct) {
  targetProduct.tags.push('新品');
  console.log(targetProduct.tags); // 输出: ['新品']
}

这个需求更具体，直接定位数组的第一个元素（索引为0），再访问其locations数组即可：

先看示例结构：

const cityData = [
  {
    cityName: '成都',
    locations: ['锦里', '宽窄巷子'] // 目标数组
  },
  {
    cityName: '重庆',
    locations: ['洪崖洞', '解放碑']
  }
];

执行push操作的代码：

// 直接操作第一个对象的locations数组
cityData[0].locations.push('武侯祠');
console.log(cityData[0].locations); // 输出: ['锦里', '宽窄巷子', '武侯祠']

如果要让代码更健壮，建议加个判断，避免数组为空或者第一个对象没有locations属性的情况：

if (cityData.length > 0 && Array.isArray(cityData[0].locations)) {
  cityData[0].locations.push('武侯祠');
}

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