时间戳

首页 > 解决方案 > 从嵌套的对象数组中提取数组值

javascript - 从嵌套的对象数组中提取数组值

问题描述

大家好，我创建了以下对象数组。老实说，我有点迷路了。但是请看一下并帮助我

[
          {
        name: "bananaLight",
        bananaDefinition: [
            {
                bananaRef: 'startBanana',
                title: 'Start Banana'
            },
            { 
                bananaRef: 'endBanana',
                title: 'End Banana'
            }
           ]
          },
          {
        name: "bananaFull",
        bananaDefinition: [
            {
                bananaRef: 'bananaSize'
                title: 'Banana Size'
            },
            {
                bananaRef: 'startBanana',
                title: 'Start Banana'
            },
            { 
                bananaRef: 'endBanana',
                title: 'End Banana'
            }
           ]
         }
]

这里的想法是获取bananaDefinition名称有界的数组bananaLight

标签： javascriptarraysjsonreactjs

解决方案

根据您想要做的事情，您可能希望通过不同的方式获得它。这是其中的一些：

const dataArray = [
  {
    name: "bananaLight",
    bananaDefinition: [
      {
        bananaRef: "startBanana",
        title: "Start Banana",
      },
      {
        bananaRef: "endBanana",
        title: "End Banana",
      },
    ],
  },
  {
    name: "bananaFull",
    bananaDefinition: [
      {
        bananaRef: "bananaSize",
        title: "Banana Size",
      },
      {
        bananaRef: "startBanana",
        title: "Start Banana",
      },
      {
        bananaRef: "endBanana",
        title: "End Banana",
      },
    ],
  },
];

1

const bananaLightFind = dataArray.find((item) => item.name === "bananaLight");

2

const foundIndex = dataArray.findIndex(item => item.name === "bananaLight")
const bananaLightFindIndex = dataArray[foundIndex];

3

let bananaLightLoop;
dataArray.forEach((item) => {
  if (item.name === "bananaLight") {
    bananaLightLoop = item;
  }
});

推荐阅读