JavaScript：替换嵌套数组中data[0]为其props.children值的方法

可以通过几种简单的JavaScript方法实现这个需求，分场景给你方案：

直接修改原数组 #

如果不需要保留原始数据，用forEach遍历数组直接修改：

x.forEach(item => {
  // 将data数组的第一个元素替换为它的props.children值
  item.data[0] = item.data[0].props.children;
});

生成新数组（不修改原数组） #

如果需要保留原始数据，用map创建新数组：

const newX = x.map(item => ({
  ...item, // 复制原对象的index等其他属性
  data: [item.data[0].props.children, ...item.data.slice(1)] // 替换第一个元素，保留后续元素
}));

处理边界情况（可选） #

如果担心某些元素可能缺少data[0]或props.children，可以添加判断避免报错：

// 直接修改原数组的安全版本
x.forEach(item => {
  if (item.data?.[0]?.props?.children !== undefined) {
    item.data[0] = item.data[0].props.children;
  }
});

// 生成新数组的安全版本
const newX = x.map(item => ({
  ...item,
  data: item.data?.[0]?.props?.children !== undefined 
    ? [item.data[0].props.children, ...item.data.slice(1)]
    : [...item.data] // 不符合条件就原样保留data数组
}));

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