如何在JavaScript中省略对象的特定属性

Question

是否有一种干净的方法来返回一个新对象,该对象省略了原始对象包含的某些属性,而不必使用像lodash这样的东西？

Answer 1

在现代环境中，您可以使用以下代码片段：

function omit(key, obj) {
  const { [key]: omitted, ...rest } = obj;
  return rest;
}

Answer 2

const {omittedPropertyA, omittedPropertyB, ...remainingObject} = originalObject;

解释：

使用 ES7

您可以使用对象解构和扩展运算符来省略 javascript 对象的属性：

const animalObject = { 'bear': 1, 'snake': '2', 'cow': 3 };
 
const {bear, ...other} = animalObject

// other is: { 'snake': '2', 'cow:'  3}

来源：https : //remotedevdaily.com/two-ways-to-omit-properties-from-a-javascript-object/

Answer 3

尚未提及的解决方案：

省略单个

o = {a: 5, b: 6, c: 7}
Object.fromEntries(Object.entries(o).filter(e => e[0] != 'b'))
// Object { a: 5, c: 7 }

省略多个

o = {a: 1, b: 2, c: 3, d: 4}
exclude = new Set(['a', 'b'])
Object.fromEntries(Object.entries(o).filter(e => !exclude.has(e[0])))
// Object { c: 3, d: 4 }

使用上述方法是因为即使 中 的元素数量与 中的元素数量处于同一渐近等价类中，Set它也会导致线性算术复杂性。excludeo

Answer 4

const x = {obj1: 1, obj2: 3, obj3:26};


const {obj1,obj2, ...rest} = x;
console.log(rest)

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.9.1/d3.min.js"></script>

Answer 5

使用带有递归的 ES7 省略键和键数组。

function omit(keys, obj) {
  if (!keys.length) return obj
  const { [keys.pop()]: omitted, ...rest } = obj;
  return omit(keys, rest);
}

这是建立在@Eddie Cooro 回答之上的。

Answer 6

如果您知道要保留和省略的属性列表,则以下"白名单"方法应该有效:

const exampleFilter = ({ keepMe, keepMeToo }) => ({ keepMe, keepMeToo })

console.log(
  exampleFilter({
    keepMe: 'keepMe',
    keepMeToo: 'keepMeToo',
    omitMe: 'omitMe',
    omitMeToo: 'omitMeToo'
  })
)

Answer 7

可以使用Object.assign()、删除

var not = ["a", "b"]; // properties to delete from obj object
var o = Object.assign({}, obj);
for (let n of not) delete o[n];

或者

var props = ["c", "d"];
let o = Object.assign({}, ...props.map(prop => ({[prop]:obj[prop]})));

Answer 8

当然，为什么不类似：

var original = {
  name: 'Rory',
  state: 'Bored',
  age: '27'
};

var copied = Object.assign({}, original);
delete copied.age;

console.log(copied);

https://jsfiddle.net/4nL08zk4/

Answer 9

blacklistnpm上有一个具有非常灵活的api 的软件包。

这也是使用对象剩余扩展提议的一种情境技巧（阶段3）。

const {a, b, ...rest} = {a: 1, b: 2, c: 3, d: 4};
a // 1
b // 2
rest // {c: 3, d: 4}

这通常用在react组件中，在这些组件中您想使用一些属性，并将其余的作为prop传递给a <div {...props} />或类似属性。

Answer 10

const { bar, baz, ...qux } = foo

现在，您的对象qux具有和和foo以外的所有属性。barbaz

Answer 11

如果您已经使用 lodash，您也可以omit(obj, ["properties", "to", "omit"])获取一个没有数组中提供的属性的新对象。

Answer 12

基于其他答案：如果不需要可重用性或抽象，这将删除与IIFE内联的黑名单属性。

(
  ({
    // Properties to remove from `someObject`.
    omitMe,
    omitMeToo,
    // The rest of `someObject`, to keep.
    ...keep
  }) => keep
)(someObject)

例子

const someObject = {
  keepMe: 'keepMe',
  keepMeToo: 'keepMeToo',
  omitMe: 'omitMe',
  omitMeToo: 'omitMeToo',
};

console.log(
  (
    ({
      omitMe,
      omitMeToo,
      ...keep
    }) => keep
  )(someObject)
);