通过多个函数运行一个值（Javascript）

Question

我想创建一个函数“palindromes（）”来检查一个值是否是回文（向前和向后拼写相同）。为了做到这一点，我创建了4个函数，这些函数：

1. 使所有字母变小
2. 删除所有非字母字符
3. 反转接下来的数组，最后...
4. 检查该数组是否是回文。

参见以下功能：

  function makeSmall(input) {
    lowerCase = input.toLowerCase();
    return lowerCase;
  }

  function keepOnlyLetters(input) {
    var patt1 = /[a-z]/g;
    var onlyLetters = input.match(patt1);
    return onlyLetters;
  }

  function reverseArray(array) {
    var reversedArray = array.slice().reverse();
    return reversedArray;
  }

  function checkPalindromes(array) {
    var reversedArray = array.slice().reverse();
    for (let i = 0; i <= array.length; i++) {
      if (array[i] != reversedArray[i]) {
        return false;
      }
    }
    return true;
  }

我如何确保函数“palindromes（）”取一个值，并在所有这些函数中运行它，最终给出该值是否为回文的答案（真或假）？

问候你，贝尼

Answer 1

您可以像这样将函数调用串在一起...

var input = 'Racecar';

if (checkPalindromes(reverseArray(keepOnlyLetters(makeSmall(input))))) {
   alert("It's a palindrome");
}

Answer 2

因此，首先在尝试进行合成之前，有时最好按顺序进行，以确保您了解问题。随着你最终在构图上变得更好，你就会知道要使用什么工具。

function checkPalindrome(string){
 return string
  .toLowerCase()
  .match(/[a-z]/g)
  .reverse()
  .reduce(function ( acc, letter, index ) {
    return acc && string[index] == letter
  })
}

checkPalindrome('test') // false
checkPalindrome('tet') // true

好的，很好，我们从程序上理解它，并知道有四个步骤。然而，我们可以将这四个步骤分开，因为这两个步骤需要事先了解数组状态，我们不想引入＜code＞converge

function pipe (...fns){
  return fns.reduce( function (f, g){
    return function (...args){
      return g(
        f(...args)
      )
    }
  }
}

所有这些函数都将一堆函数预加载（组合）在一起，使一个函数的输出以从左到右顺序（也称为数组顺序）。

现在我们只需要三个函数来管道：

function bringDown(string){ return string.toLowerCase() } // ussually called toLower, see note

function onlyLetters(string){ return string.match(/[a-z]/g) }

function flipItAndReverseItCompare(arrayLike){  // I like missy elliot... ok?
  let original = Array.from(arrayLike)
  return original
    .slice()
    .reverse()
    .reduce(function (acc, val, ind){
      return acc && val == original[ind]
    })
}

现在我们可以通过管道输送它们

let palindrome = pipe(
  bringDown,
  onlyLetters,
  flipItAndReverseItCompare
)

!palindrome('Missy Elliot') // true... and I never will be
palindrome('Te t') // true

现在你已经开始学习函数合成了！

Answer 3

函数有一个收益递减的点。当调用函数与内联使用函数体一样短时，您可能已经达到了这一点。例如，makeSmall（input）实际上并没有改进仅仅使用input.toLowerCase（）内联，并且会更慢，更难理解。input.toLowerCase（） 已经是一个函数;只是浪费工作将其包装在另一个函数中。

话虽如此，为了回答您的问题，由于所有函数都返回下一个函数的输入值，因此可以将函数放入数组中并调用＜code＞reduce（）＜/code＞：

function palindromes(input) {
    return [makeSmall, keepOnlyLetters, reverseArray, checkPalindromes].reduce((a, c) => c(a), input)
}