haingdc/formatNameCurryLodash.html

## formatNameCurryLodash.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <script src='https://cdn.jsdelivr.net/npm/lodash@4.17.5/lodash.min.js'></script>
  <script>
    var poem = 'Twas brillig, and the slithy toves\n' +
      'Did gyre and gimble in the wabe;\n' +
      'All mimsy were the borogoves,\n' +
      'And the mome raths outgrabe.';

    var replace = _.curry(function (find, replacement, str) {  // 🎭
      var regex = new RegExp(find, 'g');
      return str.replace(regex, replacement);
    });


    var wrapWith = _.curry(function (tag, str) {  // 🎭
      return '<' + tag + '>' + str + '</' + tag + '>';
    });

    var modifyPoem = _.flow(  // compose ≈ flow trong Lodash
      replace('brillig', wrapWith('em', 'four o’clock in the afternoon')),
      replace('\n', '<br/>\n'),
      wrapWith('p'),
      wrapWith('blockquote'),
    );

    console.log(modifyPoem(poem));
  </script>
</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	</head>

	<body>
	<script src='https://cdn.jsdelivr.net/npm/lodash@4.17.5/lodash.min.js'></script>
	<script>
	var poem = 'Twas brillig, and the slithy toves\n' +
	'Did gyre and gimble in the wabe;\n' +
	'All mimsy were the borogoves,\n' +
	'And the mome raths outgrabe.';

	var replace = _.curry(function (find, replacement, str) { // 🎭
	var regex = new RegExp(find, 'g');
	return str.replace(regex, replacement);
	});


	var wrapWith = _.curry(function (tag, str) { // 🎭
	return '<' + tag + '>' + str + '</' + tag + '>';
	});

	var modifyPoem = _.flow( // compose ≈ flow trong Lodash
	replace('brillig', wrapWith('em', 'four o’clock in the afternoon')),
	replace('\n', '<br/>\n'),
	wrapWith('p'),
	wrapWith('blockquote'),
	);

	console.log(modifyPoem(poem));
	</script>
	</body>

	</html>