How can I use lodash to locate and include an additional key within an array object?

Question

How can I use lodash to locate and include an additional key within an array object?

I am looking to locate and insert an additional key in an object within an array using lodash. I want to avoid using a for loop and storing data temporarily.

"book": [
  {
    "name": "Hulk",
    "series": [
      {
        "name": "mike",
        "id": "100",
      },
      {
        "name": "steve",
        "id": "200"
      }
    ]
  }
],

I need to add the detail object inside the series array by searching for name: mike && id:100, then return the complete data of the book.

{
  "name": "mike",
  "id": "100",
  "detail":{
    "author": 'apple'
    "year": 1956
  }
},

javascript arrays filter lodash

Answer 1

Answer №1

Is this what you are looking for? (please note that this will update the current object)

const bookList = [
  {
    "name": "Hulk",
    "series": [
      {
        "name": "mike",
        "id": "100",
      },
      {
        "name": "steve",
        "id": "200"
      }
    ]
  }
];

function addInfo(books, searchItem, newDetail){
  books.forEach(function(book) {
    var foundItem = _.find(book.series, function(item) {
      return item.name === searchItem.name && item.id === searchItem.id;
    });
    if(foundItem){
      foundItem.detail = newDetail;
    }
  })
  return books;
}

console.log(addInfo(bookList, {"name": "mike", "id": "100"}, { "author": 'apple', "year": 1956}))

.as-console-wrapper { max-height: 100% !important; top: 0; }

If needed, you can switch the arrow syntax to the traditional function syntax and incorporate lodash library for better compatibility with older web browsers.

Answer 2

Is this what you are looking for? (please note that this will update the current object)

const bookList = [
  {
    "name": "Hulk",
    "series": [
      {
        "name": "mike",
        "id": "100",
      },
      {
        "name": "steve",
        "id": "200"
      }
    ]
  }
];

function addInfo(books, searchItem, newDetail){
  books.forEach(function(book) {
    var foundItem = _.find(book.series, function(item) {
      return item.name === searchItem.name && item.id === searchItem.id;
    });
    if(foundItem){
      foundItem.detail = newDetail;
    }
  })
  return books;
}

console.log(addInfo(bookList, {"name": "mike", "id": "100"}, { "author": 'apple', "year": 1956}))

.as-console-wrapper { max-height: 100% !important; top: 0; }

If needed, you can switch the arrow syntax to the traditional function syntax and incorporate lodash library for better compatibility with older web browsers.

How can I use lodash to locate and include an additional key within an array object?

Answer №1

Similar questions

Ways to automatically check a checkbox using jQuery

The fixed-top navigation bar in Bootstrap obscures the links within the #content

Steps to resolve the Angular observable error

How to add 1 to the final element in a JavaScript

Incorporating a series of image links into a Three.js project with the addition of a

The filter is displaying incorrect categories

Encountering a ReferenceError in React-Native with abcjs library: Element variable not found

Interactive search tool for toggling visibility of elements

AngularJS mobile navigation menu toggle not functioning properly with the close feature

The transfer of character data from PHP to jQuery is not successful

Node.js module mishap

Error encountered: JSHint is flagging issues with setting a background gradient using

Animating a CSS shape with the .animate method

Is there a way to create an internal link to another HTML templating engine page within Express.js?

Utilize Node.js to parse JSON data and append new nodes to the final output

Launching the ngx Modal following an Angular HTTP request

Get a file from a node.js web server by clicking a button to initiate the download

Creating a customized function in javascript/jquery with the ability to override it

A captivating opportunity for a web developer specializing in frontend design

How should a successful post request be properly redirected in React?