BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] オブジェクトのプロパティを永続的に削除する

2022-04-20 05:55:39

質問

私はReduxを使っています。私のreducerでは、次のようにオブジェクトからプロパティを削除しようとしています。 

const state = {
    a: '1',
    b: '2',
    c: {
       x: '42',
       y: '43'
    },
}

そして、元の状態を変異させることなく、このようなものを手に入れたいのです。 

const newState = {
    a: '1',
    b: '2',
    c: {
       x: '42',
    },
}

試してみました。 

let newState = Object.assign({}, state);
delete newState.c.y

が、何らかの理由で両方の状態からプロパティを削除してしまいます。

どうすればいいですか？

どのように解決するのですか？

を使ってはどうでしょうか。 構造化代入 の構文があります。 

const original = {
  foo: 'bar',
  stack: 'overflow',
};

// If the name of the property to remove is constant
const { stack, ...withoutFirst } = original;
console.log(withoutFirst); // Will be { "foo": "bar" }

// If the name of the property to remove is from a variable
const key = 'stack'
const { [key]: value, ...withoutSecond } = original;
console.log(withoutSecond); // Will be { "foo": "bar" }

// To do a deep removal with property names from variables
const deep = {
  foo: 'bar',
  c: {
   x: 1,
   y: 2
  }
};

const parentKey = 'c';
const childKey = 'y';
// Remove the 'c' element from original
const { [parentKey]: parentValue, ...noChild } = deep;
// Remove the 'y' from the 'c' element
const { [childKey]: removedValue, ...childWithout } = parentValue;
// Merge back together
const withoutThird = { ...noChild, [parentKey]: childWithout };
console.log(withoutThird); // Will be { "foo": "bar", "c": { "x": 1 } }

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します