1

Всем привет, не до конца разобралась с lodash Подскажите, пожалуйста как вытащить из данных элемент

Массив

const arr = [
  {
    label: 'Элемент 1'
    insideArr: [
      {
        id: 1,
      }
    ]
  },
  {
    label: 'Элемент 2'
    insideArr: [
      {
        id: 2,
      }
    ]
  },
]

Нужно получить объект { id: 2 } id которого равно 2 (item.id === 2) Хотелось бы сделать это одной строкой

Функция рабочая, хотелось бы с помощью lodash как то написать в одну строку

export const getData = (arr, id) => {
  const findObj = _.find(arr, { insideArr: [{ id }] })
  return _.find(findObj, item => item. id === id)
}
2
  • Я так и не понял что нужно получить и при чём тут java-stream?
    – Alexey Ten
    21 авг 2019 в 18:26
  • Ошиблась меткой. Функция рабочая, хотелось бы с помощью lodash как то написать в одну строку export const getData = (arr, id) => { const findObj = _.find(arr, { insideArr: [{ id }] }) return _.find(findObj, item => item. id === id) }
    – Ирина
    21 авг 2019 в 18:56

4 ответа 4

1

Почему именно lodash? Так не пойдёт?

const obj = arr.find((el) => {
    return el.insideArr.find((el) => {
        return el.id === 2
    })
})
0

var a = [
  { label: 'Элемент 1', insideArr: [{ id: 1 }] },
  { label: 'Элемент 2', insideArr: [{ id: 2 }, { id: 3 }] },
]

console.log(_.find(_.flatten(_.map(a, 'insideArr')), { id: 2 })) // lodash
console.log(a.flatMap(x => x.insideArr).find(x => x.id === 2))   // pure ES2019
<script src="//cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>

0

с учетом различных возможных значений id , а так же возможности содержания в insideArr нескольких объектов то думаю такой вариант наиболее подходящий:

const arr = [
  {
    label: 'Элемент 1',
    insideArr: [
      {
        id: 1,
      }
    ]
  },
  {
    label: 'Элемент 2',
    insideArr: [
      {
        id: 2,
      }
    ]
  },
]

function getItemFromId(arr,id){
  return arr.filter(item=> _.get(item,'insideArr',[]).find(item=>_.get(item,'id',null)===id)
  )
}
console.log(getItemFromId(arr,2))
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>

1
  • Спасибо большое!
    – Ирина
    27 авг 2019 в 18:34
0

Возможно этот вариант Вас устроит:

_.find(arr, { 'insideArr': [{ 'id': 2 }] })

const arr = [
  {
    label: 'Элемент 1',
    insideArr: [
      {
        id: 1,
      }
    ]
  },
  {
    label: 'Элемент 2',
    insideArr: [
      {
        id: 2,
        name: 'Abraham',
      },
      {
        garbage: { no: 'problem' }
      }
    ]
  }
]

const res = _.find(arr, { 'insideArr': [{ 'id': 2 }] })
console.log(res)
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>

источник Переданный вместо предиката объект используется для проверки на частичное совпадение с искомым объектом коллекции (как подмножество свойств искомого объекта).

3
  • не будет работать если массив insideArr будет содержать не один объект а два и так далее 21 авг 2019 в 21:03
  • Дополнил пример.
    – Spatz
    21 авг 2019 в 21:53
  • Спасибо, у меня получилось с 2мя вложенными _.find
    – Ирина
    27 авг 2019 в 18:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.