lodash를 사용하여 Array에서 객체를 찾고 반환하는 방법은 무엇입니까?

lodash를 사용하여 Array에서 객체를 찾고 반환하는 방법은 무엇입니까?

내 목표:

[
    {
        description: 'object1', id: 1
    },
    {
        description: 'object2', id: 2
    }
    {
        description: 'object3', id: 3
    }
    {
        description: 'object4', id: 4
    }
]

아래 기능에서 일치하는 ID를 찾기 위해 설명을 전달합니다.

function pluckSavedView(action, view) {
    console.log('action: ', action);
    console.log('pluckSavedView: ', view);  // view = 'object1'

    var savedViews = retrieveSavedViews();
    console.log('savedViews: ', savedViews);

    if (action === 'delete') {
        var delete_id = _.result(_.find(savedViews, function(description) {
            return description === view;
        }), 'id');

        console.log('delete_id: ', delete_id); // should be '1', but is undefined
    }
}

저는 lodash의 찾기 방법을 사용하려고 합니다: https://lodash.com/docs#find .

하지만 나의 변수는delete_id정의되지 않은 상태로 나옵니다.

---

이 질문을 확인하는 사람들을 위한 업데이트, 람다는 로다쉬가 하는 것과 같은 것을 할 수 있는 좋은 도서관이지만, 더 기능적인 프로그래밍 방식으로: http://ramdajs.com/0.21.0/docs/

로다쉬와 ES5

var song = _.find(songs, {id:id});

로다쉬와 ES6

let song = _.find(songs, {id});

https://lodash.com/docs#find 의 문서

콜백에 전달된 인수는 배열 요소 중 하나입니다.배열의 요소는 양식의 개체입니다.{description: ..., id: ...}.

var delete_id = _.result(_.find(savedViews, function(obj) {
    return obj.description === view;
}), 'id');

링크한 문서의 또 다른 대안(lodash v3):

_.find(savedViews, 'description', view);

Lodash v4:

_.find(savedViews, ['description', view]);

바닐라 JS로 쉽게 할 수 있습니다.

사용:

const savedViews = [{"description":"object1","id":1},{"description":"object2","id":2},{"description":"object3","id":3},{"description":"object4","id":4}];

const view = 'object2';

const delete_id = savedViews.find(obj => {
  return obj.description === view;
}).id;

console.log(delete_id);

사용(원답):

const savedViews = [{"description":"object1","id":1},{"description":"object2","id":2},{"description":"object3","id":3},{"description":"object4","id":4}];

const view = 'object2';

const delete_id = savedViews.filter(function (el) {
  return el.description === view;
})[0].id;

console.log(delete_id);

와 함께find메소드, 콜백은 다음과 같은 각 요소의 값을 전달합니다.

{
    description: 'object1', id: 1
}

따라서 다음과 같은 코드가 필요합니다.

_.find(savedViews, function(o) {
        return o.description === view;
})

Lodash나 Ramda나 다른 추가적인 의존성은 필요하지 않습니다.

ES6 찾기() 기능을 기능적으로 사용하면 됩니다.

savedViews.find(el => el.description === view)

타사 라이브러리를 사용하여 함께 제공되는 모든 기능을 사용해야 하는 경우도 있습니다.하지만, 일반적으로 말해서, 의존성이 필요하지 않을 때 의존성을 피하도록 하세요.종속성은 다음과 같습니다.

• 당신의 코드 사이즈를 부풀려주세요.
• 당신은 그들을 최신 상태로 유지해야 할 것입니다.
• 그리고 그들은 버그나 보안 위험을 초래할 수 있습니다.

수입품lodash사용.

npmi -- 로다쉬 저장합니다.

var _ = require('lodash'); 

var objArrayList = 
    [
         { name: "user1"},
         { name: "user2"}, 
         { name: "user2"}
    ];

var Obj = _.find(objArrayList, { name: "user2" });

// Obj ==> { name: "user2"}

이를 위해 _.find의 기본 사용 예인 배열에서 주어진 객체를 찾습니다.

const array = 
[
{
    description: 'object1', id: 1
},
{
    description: 'object2', id: 2
},
{
    description: 'object3', id: 3
},
{
    description: 'object4', id: 4
}
];

이것은 잘 될 것입니다.

q = _.find(array, {id:'4'}); // delete id

console.log(q); // {description: 'object4', id: 4}

_.find는 요소를 인덱스가 아닌 배열로 반환하는 데 도움이 됩니다.따라서 객체 배열이 있고 특정 키 값 pare_.find를 사용하여 배열에서 단일 객체를 찾으려면 작업에 적합한 도구가 됩니다.

다음을 사용할 수 있습니다.

import { find } from 'lodash'

그런 다음 목록에서 전체 개체(키 또는 값뿐 아니라)를 다음과 함께 반환합니다.

let match = find(savedViews, { 'ID': 'id to match'});

var delete_id = _(savedViews).where({ description : view }).get('0.id')

이름을 기준으로 ID 가져오기

 {
    "roles": [
     {
      "id": 1,
      "name": "admin",
     },
     {
      "id": 3,
      "name": "manager",
     }
    ]
    }



    fetchIdBasingOnRole() {
          const self = this;
          if (this.employee.roles) {
            var roleid = _.result(
              _.find(this.getRoles, function(obj) {
                return obj.name === self.employee.roles;
              }),
              "id"
            );
          }
          return roleid;
        },

언급URL : https://stackoverflow.com/questions/31054021/how-to-use-lodash-to-find-and-return-an-object-from-array