Как я могу использовать деструктуризацию, чтобы получить целевое свойство параметра

Question

В настоящее время я прохожу тест, и проблема выглядит так: создайте функции detectCardType , validateCardExpiryDate и validateCardHolderName .Каждый из них должен принять параметр и использовать деструктуризацию объекта для получения целевого свойства параметра.

Это то, что я пробовал.Я пытался скомбинировать функцию стрелки, но я не знаю, как перейти к деструктурированию.

        const {target} = a;
      }
      const validateCardExpiryDate = ({b}) => {
        const {target} = b;
      }
      const validateCardHolderName = ({c}) => {
        const {target} = c;
      }

Я продолжаю получать You have not declared detectCardType as specified

Answer 1

Возможно, вы скопировали неправильно, но я не вижу вершины, где вы определили detectCardType.В любом случае, вы деструктурируете дважды: один раз в списке параметров и один раз в объявлении переменной в функции.Вы можете просто использовать один или другой, но используя оба вида, например, argument[0].b.target вместо просто argument[0].target, который вы хотите.

Answer 2

Несколько вариантов. 2-й самый короткий (предложенный кем-то через редактирование), но IMO менее читаемый. Третье - просто обычная функция вместо функции стрелки.

const detectCardType = a => {
  const {target} = a;
  return target;
}

// this style also works
const validateCardExpiryDate = {target} => target;

// as does this
function validateCardHolderName(obj) {
  const {target} = obj;
  return target;
}

const a = {target: 'answer'}
const b = {target: 'hello'}
const c = {target: 'world'}

console.log(detectCardType(a));
// "answer"
console.log(validateCardExpiryDate(b));
// "hello"
console.log(validateCardHolderName(c));
// "world"

Answer 3

const validateCardExpiryDate = (a) => {
        const {target} = a;
        return target;
}
console.log(validateCardExpiryDate({target:'some target'}));

Answer 4

Если вам не требуется явное возвращение , это должно работать.

const detectCardType = ({target}) => {
        return target;
      };

для явных возвратов или стенографически используйте это

const detectCardType = ({target}) => target;

Answer 5

Спасибо всем, кто внес свой вклад, это решило это.Ошибка, которую я сделал раньше, заключалась в том, что я был деструктурирующим дважды.

const detectCardType = ({target}) => {}

Answer 6

Это должно решить это:

const detectCardType = ({target}) => {
    return target;
  } 

  const validateCardExpiryDate = ({target}) => {
    return target;
  }

  const validateCardHolderName = ({target}) => {
    return target;
  }

Answer 7

Используйте следующий метод деструктуризации объекта с функциональным параметром, и вам следует продолжить тест

const detectCardType = ({target: card}) => {
    }
const validateCardExpiryDate = ({target: expiryDate}) => {
    }
const validateCardHolderName = ({target: holderName}) => {
    }

Answer 8

Это должно работать в этом случае ...

      const detectCardType = ({target}) => target
      const validateCardExpiryDate = ({target}) => target   
      const validateCardHolderName = ({target}) => target