Chaining functions in typescript

Question

I have some formatting functions that should be applied on some strings:

const limitSize = (limit: number): ((str: string) => string) => {
  return (str: string) => str.substring(0, limit)
}

const replaceNewLine = (replaceWith: string): ((str: string) => string) => {
  return (str: string) => str.replace(/\n/g, replaceWith)
}

They both return a function that can be applied on a string

How can I chain them together so that the result returns also a function that can be applied on strings?

Is there a lodash utility I'm missing?

justerest · Accepted Answer · 2020-11-02 10:30:13Z

5

I think you need flow function of Lodash or pipe of Ramda

function square(n) {
  return n * n;
}
 
var addSquare = _.flow([_.add, square]);
addSquare(1, 2);
// => 9

answered Nov 2, 2020 at 10:30

justerest

1,0721 gold badge7 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rich N · Accepted Answer · 2020-11-02 10:42:56Z

1

Just create a new function definition as below:

const limitReplace = (limit: number, replaceWith: string): ((str: string) => string) => {
    return str => replaceNewLine(replaceWith)(limitSize(limit)(str));
}

Used as:

const input = "Hel\nlo W\norld\n";
const limitSixReplaceSpace = limitReplace(6, " ");
const result = limitSixReplaceSpace(input); // Hel lo

edited Nov 2, 2020 at 10:42

answered Nov 2, 2020 at 10:37

Rich N

9,5053 gold badges30 silver badges35 bronze badges

2 Comments

exilonX Over a year ago

I'll probably have more than just these 2 formatting functions so the flow solution is better

Rich N Over a year ago

Fair enough, you did ask for a lodash solution

Collectives™ on Stack Overflow

Chaining functions in typescript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related