Combining lodash flow with multiple arguments

Question

Combining lodash flow with multiple arguments

In my code, I have two functions that will be added in a lodash flow:

function normalizeFields(fields) {
    return _.mapValues( fields, function(value) {
        return { 'content': value };
    });
}

function mergeModelAndFields(model, normalizedFields) {
    return _.merge({}, model, normalizedFields);
}

const processFlow = _.flow(normalizeFields, mergeModelAndFields);

const displayErrorMessage = function(fields, model) {
    return processFlow(fields, model);
}

The first function, normalizeFields, only takes one argument. The second function requires two arguments: the value returned from normalizeFields and another parameter called 'model'.

When invoking displayErrorMessage, I pass in two arguments to initiate the flow process. How can I make the second argument available to the second function while also passing the product of the first function? Should I use "curry" in this situation? Can you provide an example?

javascript functional-programming lodash partial-application

Answer 1

Answer №1

Give this solution a try:

function formatFields(fields) {
    return _.mapValues( fields, function( value ) {
        return { 'data': value };
    });
}

function mergeModelAndFields(model, formattedFields) {
    return _.merge( {}, model, formattedFields )
}

const errorMessages = function( fields, model ) {
    return _.flow(
        formatFields,
        mergeModelAndFields.bind(this, model)
    )(fields)
}

Answer 2

Give this solution a try:

function formatFields(fields) {
    return _.mapValues( fields, function( value ) {
        return { 'data': value };
    });
}

function mergeModelAndFields(model, formattedFields) {
    return _.merge( {}, model, formattedFields )
}

const errorMessages = function( fields, model ) {
    return _.flow(
        formatFields,
        mergeModelAndFields.bind(this, model)
    )(fields)
}

Combining lodash flow with multiple arguments

Answer №1

Similar questions

Creating an animated sidebar that moves at a different speed than the rest of the

Leveraging Javascript/Jquery for numbering items in a list

Center-aligned footer with a sleek right border in Bootstrap 4.1.1

Update Refresh Token within Interceptor prior to sending request

Unlock the Power of Sockets in JavaScript and HTML

What is the best way to receive a response from the foo.onload = function() function?

What is a creative way to get rid of old content on a webpage using jQuery without relying on the

Concealing Components using Angular's ng-change Feature

Issue encountered: Failure in automating login through Cypress UI with Keycloak

Does AngularJS really allow for seamless event communication between modules?

How do you typically approach testing Cloud Code on Parse?

What is the method for retrieving all 'name' values within a JSON array?

How can I include a nested object in an ng-repeat loop in Angular?

In JavaScript, escape is comparable to android decode

What is the process for including an external .js file in my VueJS2 index.html?

Passport Authentication does not initiate a redirect

Combine two events in jQuery using the AND operator

Is there a way to switch the classList between various buttons using a single JavaScript function?

Retrieving the value of a specific <link> in XML using Javascript

What is the best way to incorporate AngularJS data into JavaScript for use in Google Chart?