ES6でオブジェクトプロパティの名前を変更する最良の方法

lukasz-p

私はまだjsを学んでいて、アドバイスが必要です。バックエンドからjsonオブジェクトを取得しますが、キーにはアンダースコアがあります。キーの名前を、たとえばfolder_nameからFolder nameに変更するためのベストプラクティスは何ですか?プロパティのリストは既知であり、完成しているので、新しい名前を定数で保持できます。フロントエンドでは、すでに次のように使用しています。

const showPropertiesList = properties => Object.keys(properties).map(property => (
  <PropertyKey key={property}}>
    `${property}: ${properties[property]}`
  </PropertyKey>
));

このマップで名前変更関数を使用するか、値を持つすべての名前変更されたキーを取得する前に別の関数を作成することをお勧めしますか?

jsonファイル:

properties {
  folder_name: 'test',
  user_email: '[email protected]',
  user_agreed: 1,
  site: 'example.com',
}
キリル・シモノフ

ある種のmappingオブジェクトを作成してから、次のObject.keysreduce関数の組み合わせを使用できます。

let properties = {
  folder_name: "test",
  user_email: "[email protected]",
  user_agreed: 1,
  site: "example.com"
};

let mapping = {
  folder_name: "Folder name",
  user_email: "User email",
  user_agreed: "User agreed",
  site: "Site"
};

let mapped = Object.keys(properties).reduce((acc, key) => {
  acc[mapping[key]] = properties[key];
  return acc;
}, {});

console.log(mapped);

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

オブジェクトのプロパティES6を条件付きで変更する

分類Dev

Javascriptオブジェクトのすべてのプロパティ名の名前を変更する最も簡単な方法は何ですか?

分類Dev

オブジェクトのプロパティを破壊es6で配列に変換する方法

分類Dev

PHP独自のプロパティを使用してオブジェクトキーの名前を変更する

分類Dev

VisualStudio拡張機能のプロパティウィンドウオブジェクトリストで名前を変更する方法

分類Dev

JSONオブジェクトでオブジェクトのプロパティ値を変更する方法

分類Dev

ES6のキーでオブジェクトプロパティをフィルタリングする

分類Dev

ES6のプロパティの省略形を使用してオブジェクトをtypescriptで渡し、引数の前にインターフェイス名を付けないようにする簡単な方法は?

分類Dev

JSは2つの配列をオブジェクトと比較し、プロパティ名ES6の方法で重複を削除します

分類Dev

オブジェクトを拡散し、1つのプロパティを条件付きで変更しますES6

分類Dev

javascriptで配列内のオブジェクトのプロパティの名前を変更するにはどうすればよいですか?

分類Dev

2つのコレクションのオブジェクトを比較し、同等のオブジェクトを見つけ、Stream APIを使用してオブジェクトのプロパティを変更するための最良の方法は何ですか

分類Dev

PythonでプログラムでAutoCADオブジェクトのプロパティを変更する方法

分類Dev

es6オブジェクト配列のキーの名前を変更

分類Dev

stdClassオブジェクトのプロパティ名を変更します

分類Dev

QMLで他のオブジェクトのプロパティを変更する方法

分類Dev

オブジェクトの配列内のオブジェクトのプロパティの名前を変更します

分類Dev

プロパティの変更を含むオブジェクトを返すES6関数はありますか?

分類Dev

オブジェクトプロパティの動的な名前を作成する

分類Dev

Angularでオブジェクトプロパティの変更を処理する方法は?

分類Dev

Vuex状態のオブジェクトのプロパティをクリアするための最良の方法は何ですか

分類Dev

JS:プロパティの名前が変更されたオブジェクトを別のオブジェクトに分解します

分類Dev

JSON web-apiで公開されているオブジェクト-プロパティ名の大文字と小文字の変更を停止する方法は?

分類Dev

ES6 / 2015でオブジェクトリテラルをエクスポートする最良の方法は何ですか?

分類Dev

ディープオブジェクトの名前でプロパティを検索する

分類Dev

文字列でプロパティの名前を指定してオブジェクトプロパティ値を取得する方法をScala?

分類Dev

LINQ to SQLのナビゲーションプロパティ(子オブジェクト)でクエリをフィルタリングする最良の方法

分類Dev

ES6が同じプロパティ名を持つ2つのオブジェクトを破棄する

分類Dev

2つのオブジェクトで選択したプロパティを比較するための最良の方法は何ですか

Related 関連記事

  1. 1

    オブジェクトのプロパティES6を条件付きで変更する

  2. 2

    Javascriptオブジェクトのすべてのプロパティ名の名前を変更する最も簡単な方法は何ですか?

  3. 3

    オブジェクトのプロパティを破壊es6で配列に変換する方法

  4. 4

    PHP独自のプロパティを使用してオブジェクトキーの名前を変更する

  5. 5

    VisualStudio拡張機能のプロパティウィンドウオブジェクトリストで名前を変更する方法

  6. 6

    JSONオブジェクトでオブジェクトのプロパティ値を変更する方法

  7. 7

    ES6のキーでオブジェクトプロパティをフィルタリングする

  8. 8

    ES6のプロパティの省略形を使用してオブジェクトをtypescriptで渡し、引数の前にインターフェイス名を付けないようにする簡単な方法は?

  9. 9

    JSは2つの配列をオブジェクトと比較し、プロパティ名ES6の方法で重複を削除します

  10. 10

    オブジェクトを拡散し、1つのプロパティを条件付きで変更しますES6

  11. 11

    javascriptで配列内のオブジェクトのプロパティの名前を変更するにはどうすればよいですか?

  12. 12

    2つのコレクションのオブジェクトを比較し、同等のオブジェクトを見つけ、Stream APIを使用してオブジェクトのプロパティを変更するための最良の方法は何ですか

  13. 13

    PythonでプログラムでAutoCADオブジェクトのプロパティを変更する方法

  14. 14

    es6オブジェクト配列のキーの名前を変更

  15. 15

    stdClassオブジェクトのプロパティ名を変更します

  16. 16

    QMLで他のオブジェクトのプロパティを変更する方法

  17. 17

    オブジェクトの配列内のオブジェクトのプロパティの名前を変更します

  18. 18

    プロパティの変更を含むオブジェクトを返すES6関数はありますか?

  19. 19

    オブジェクトプロパティの動的な名前を作成する

  20. 20

    Angularでオブジェクトプロパティの変更を処理する方法は?

  21. 21

    Vuex状態のオブジェクトのプロパティをクリアするための最良の方法は何ですか

  22. 22

    JS:プロパティの名前が変更されたオブジェクトを別のオブジェクトに分解します

  23. 23

    JSON web-apiで公開されているオブジェクト-プロパティ名の大文字と小文字の変更を停止する方法は?

  24. 24

    ES6 / 2015でオブジェクトリテラルをエクスポートする最良の方法は何ですか?

  25. 25

    ディープオブジェクトの名前でプロパティを検索する

  26. 26

    文字列でプロパティの名前を指定してオブジェクトプロパティ値を取得する方法をScala?

  27. 27

    LINQ to SQLのナビゲーションプロパティ(子オブジェクト)でクエリをフィルタリングする最良の方法

  28. 28

    ES6が同じプロパティ名を持つ2つのオブジェクトを破棄する

  29. 29

    2つのオブジェクトで選択したプロパティを比較するための最良の方法は何ですか

ホットタグ

アーカイブ