如何从传播运算符中删除属性？

Question

我想从响应中删除 drugName，但不知道如何从传播运算符中删除属性？ main.js

  const transformedResponse = transformResponse(response);
  const loggerResponse = {...transformedResponse};
  delete loggerResponse[drugName];
  console.log("LOGGER>>>>", loggerResponse);
  logger().info('Drug Price Response=', { ...loggerResponse, memberId: memberId, pharmacyId: pharmacyId });

\ 数据

LOGGER>>>> {
    '0': {
        isBrand: false,
        drugName: 'test drug',
        drugStrength: '5 mg 1 5 mg',
        drugForm: 'Tablet',
    }
}

转换响应

[{
    drugName: 'HYDROCODONE-HOMATROPINE MBR',
    drugStrength: '5MG-1.5MG',
    drugForm: 'TABLET',
    brand: false
}]

Answer 1

const myObject = {
  a: 1,
  b: 2,
  c: 3
};
const {
  b,
  ...noB // assigns remaining keys to a new `noB` object
} = myObject;
console.log(noB); // => { a: 1, c: 3 }

Answer 2

您可以使用扩展运算符并将undefined 分配给您不想要的键：

const transformedResponse = [{
drugName: 'HYDROCODONE-HOMATROPINE MBR',
drugStrength: '5MG-1.5MG',
drugForm: 'TABLET',
brand: false
}];

const output = transformedResponse.map((response) => ({
  ...response,
  drugName: undefined
}))

console.log(output);

Answer 3

这是我发现的最简洁和不变的方式。您只需将对象分解为两部分：一部分是您要删除的属性（在本例中为drugName），另一部分是您要保留的对象的其余部分（drugWithoutName in本例）。

完成此操作后，您可以放弃已删除的属性，放弃原始对象，并使用包含所有剩余字段的新对象（在本例中为 drugWithoutName）。

想出语法并不明显，但一旦你看到它就有意义：

const response = [{
    drugName: 'HYDROCODONE-HOMATROPINE MBR',
    drugStrength: '5MG-1.5MG',
    drugForm: 'TABLET',
    brand: false
}]

console.log("response", response)

const removeNamesFromResponse = (response) => {
  return response.map(drug => {
    const { drugName, ...drugWithoutName } = drug
    return drugWithoutName
  })
}

const responseWithoutNames = removeNamesFromResponse(response)

console.log("responseWithoutNames", responseWithoutNames)

这些文章进一步解释了这个概念：

https://codeburst.io/use-es2015-object-rest-operator-to-omit-properties-38a3ecffe90

https://github.com/airbnb/javascript/blob/master/README.md#objects--rest-spread

Answer 4

使用 ES9 Object Rest Operator 的 1 行解决方案

const loggerResponse = {
  "0": {
    isBrand: false,
    drugName: "test drug",
    drugStrength: "5 mg 1 5 mg",
    drugForm: "Tablet",
  },
};
const { drugName, ...newResponse } = loggerResponse["0"];
console.log(newResponse);

Answer 5

另一种选择是编写一个通用函数，removeKey -

const removeKey = (k, { [k]:_, ...o }) =>
  o

const values =
  [ { a: 1, x: 1 }
  , { a: 1, y: 1 }
  , { a: 1, z: 1 }
  ]

console .log (values .map (v => removeKey ("a", v)))
// [ { x: 1 }, { y: 1 }, { z: 1 } ]

如有必要，该功能可以轻松调整为删除多个键 -

const removeKey = (k = "", { [k]:_, ...o } = {}) =>
  o

const removeKeys = (keys = [], o = {}) =>
  keys .reduce ((r, k) => removeKey (k, r), o)

const values =
  [ { a: 1, x: 1 }
  , { a: 1, y: 1 }
  , { a: 1, z: 1 }
  ]

console .log (values .map (v => removeKeys (['a', 'z'], v)))
// [ { x: 1 }, { y: 1 }, {} ]

Answer 6

如果您在transformedResponse 数组的每个对象中都有属性drugName，您可以使用Array.map() 生成一个没有drugName 属性的新数组：

示例：

const transformedResponse = [
  {
    drugName: 'HYDROCODONE-HOMATROPINE MBR',
    drugStrength: '5MG-1.5MG',
    drugForm: 'TABLET',
    brand: false
  },
  {
    drugName: 'TEST',
    drugStrength: '7MG-1.9MG',
    drugForm: 'TABLET',
    brand: false
  }
];

const loggerResponse = transformedResponse.map(o =>
{
    let clone = Object.assign({}, o);
    return (delete clone.drugName, clone);
});

console.log(loggerResponse);

.as-console {background-color:black !important; color:lime;}
.as-console-wrapper {max-height:100% !important; top:0;}

Answer 7

您可以使用Rest syntax in Object Destructuring 将除drugName 之外的所有属性添加到rest 变量中，如下所示：

const transformedResponse = [{
    drugName: 'HYDROCODONE-HOMATROPINE MBR',
    drugStrength: '5MG-1.5MG',
    drugForm: 'TABLET',
    brand: false
},
{
    drugName: 'HYDROCODONE ABC',
    drugStrength: '10MG',
    drugForm: 'SYRUP',
    brand: true
}]

const output = transformedResponse.map(({ drugName, ...rest }) => rest)

console.log(output)

另外，当你在{} 中展开一个数组时，你会得到一个对象，其中数组的索引作为键，数组的值作为值。这就是为什么你会在loggerResponse 中获得一个以0 作为键的对象：

const array = [{ id: 1 }, { id: 2 }]
console.log({ ...array })