JS фильтр не работает внутри другого фильтра

Question

Мне нужно получить отфильтрованные вкладки.Только те, где поля из списка «стек».Поэтому мне нужно сначала отфильтровать массив «полей», а если ничего нет, исключить столбец, строку или табуляцию

var tabs = [
  {
    "name": "Main Tab",
    "layout": {
      "label": "side",
      "rows": [
        [ { "col": 12, "fields": ["name"] } ],
        [ { "col": 12, "fields": ["status"] } ],
        [ { "col": 12, "fields": ["model"] } ],
        [ { "col": 12, "fields": ["office"] } ],
        [ { "col": 12, "fields": ["room"] } ]
      ]
    }
  },{
    "name": "Second Tab",
    "layout": {
      "label": "side",
      "rows": [
        [ { "col": 12, "fields": ["type"] } ],
        [ { "col": 12, "fields": ["ip"] } ]
      ]
    }
  },{
    "name": "Last Tab",
    "layout": {
      "label": "side",
      "rows": [
        [ { "col": 12, "fields": ["office"] } ],
        [ { "col": 12, "fields": ["location"] } ],
        [ { "col": 12, "fields": ["address"] } ]
      ]
    }
  }
]

var stack = ["location","address","room","office"]

Но это не работает.Не получайте его вообще.

Пробуйте так:

var filtered_tabs = tabs.filter(tab=>tab.layout.rows.filter(row=>row.filter(obj=>obj.fields.filter(field=>stack.indexOf(field)>-1).length>0).length>0).length>0)

Ожидайте этого результата:

var filtered_tabs = [
  {
    "name": "Main Tab",
    "layout": {
      "label": "side",
      "rows": [
        [ { "col": 12, "fields": ["office"] } ],
        [ { "col": 12, "fields": ["room"] } ]
      ]
    }
  },{
    "name": "Last Tab",
    "layout": {
      "label": "side",
      "rows": [
        [ { "col": 12, "fields": ["office"] } ],
        [ { "col": 12, "fields": ["location"] } ],
        [ { "col": 12, "fields": ["address"] } ]
      ]
    }
  }
]

Но я получаю тот же массив вкладок

Answer 1

Попробуйте это:

var tabs = [
  {
    name: "Main Tab",
    layout: {
      label: "side",
      rows: [
        [{ col: 12, fields: ["name"] }],
        [{ col: 12, fields: ["status"] }],
        [{ col: 12, fields: ["model"] }],
        [{ col: 12, fields: ["office"] }],
        [{ col: 12, fields: ["room"] }]
      ]
    }
  },
  {
    name: "Second Tab",
    layout: {
      label: "side",
      rows: [[{ col: 12, fields: ["type"] }], [{ col: 12, fields: ["ip"] }]]
    }
  },
  {
    name: "Last Tab",
    layout: {
      label: "side",
      rows: [
        [{ col: 12, fields: ["office"] }],
        [{ col: 12, fields: ["location"] }],
        [{ col: 12, fields: ["address"] }]
      ]
    }
  }
];

var stack = ["location", "address", "room", "office"];

console.log(tabs.map(x => (x.layout.rows = x.layout.rows.filter(row => stack.includes(row[0].fields[0]) ), x))
    .filter(x => x.layout.rows.length));