TypeScript Angular4を使用してネストされたオブジェクトのサブフィールドを選択する

J.デビッドソン

oの配列内にネストされたオブジェクトのオブジェクト配列を選択しようとしています

export interface IDetails{
           _id?: string;
           order?: number;
           detaildesc?: string;
         }

    resl:any[];
    var data={
         locations: string;
         id: string;
         ordermain: number;
         value: string;
         details :[IDetails]
        }


I am trying to get list of all "order" under details:

    resl = this.data.forEach(a=> { a.details.map(x=>x.order});

次のエラーが発生します:

型voidは、型any []に割り当てることはできませんresl

作るだけでvar reslゲットundefined error

それを修正する方法を教えてくださいdetails.order。スタックオーバーフローをチェックして、問題を解決する解決策が見つからなかった可能性のある配列を取得します。

ありがとう

イフティファータズ

あなたはですべての注文を抽出することができます

    var ordersArr = data.map(x => {
        return x.details.map(y => {
            return y.order;
        });
    });

ordersArrになりますarray of arrayそれを平らにするためにあなたは書くことができます

    var result = [].concat.apply([], ordersArr);

result すべての順序値の配列になります

forEachを使用する代わりに、同じことを行うこともできますmap

    this.data.forEach(x => {
        x.details.forEach(y => {
            if (y.order) {
                this.resl.push(y.order);
            }
        });
    });

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Typescript / Javascriptのネストされたオブジェクトのフィールドを更新します

分類Dev

Typescriptでconitionオブジェクトを使用してネストされた配列の配列をフィルタリングする

分類Dev

TypeScriptのオブジェクトにネストされたオブジェクトをループする方法

分類Dev

Javascript / typescriptのディレクトリchooserによって選択されたFileListオブジェクトをフィルタリングする方法は?

分類Dev

TypeScript / Angular4のオブジェクトを含む、可変長の配列を使用したインターフェイスの作成

分類Dev

APIによって返される深くネストされたオブジェクトのTypescriptインターフェースを追加する

分類Dev

Angular2のObservableMap関数を使用して、Httpサービスによって返された応答オブジェクトをTypeScriptオブジェクトにマップする方法

分類Dev

TypeScript:フィールドを含み、変換されたオブジェクトを返すインターフェイスのタイプ

分類Dev

タイプチェック... Typescriptを使用したオブジェクトの残りのフィールド

分類Dev

Typescript:ネストされたオブジェクトのインターフェースを定義するにはどうすればよいですか?

分類Dev

Typescriptで、すべてのフィールドを未定義として入力せずに、オブジェクトを別のオブジェクトのサブになるように制約する方法はありますか?

分類Dev

Typescript。ネストされたオブジェクトにプロパティを動的に追加します

分類Dev

Typescriptでフィールドが欠落しているオブジェクトを別のオブジェクトにキャストするにはどうすればよいですか?

分類Dev

デフォルトのエクスポートとしてオブジェクトを使用してTypeScriptでモジュールを宣言する方法

分類Dev

異なるキーでネストされたオブジェクトを定義する方法をTypescript

分類Dev

Typescript-jsonオブジェクトのネストされたインターフェースを作成する方法

分類Dev

元のオブジェクトと元のオブジェクトのフィールドから作成された新しいオブジェクトで構成されるオブジェクトへのTypescriptインターフェイスタイプのマッピング

分類Dev

Typeパラメータを使用してTypescriptのオブジェクトフィールドを制限する方法

分類Dev

モデル内のネストされたオブジェクトを定義するには?(angular2 / typescriptです)

分類Dev

TypeScriptでオブジェクトを使用してネイティブsetStateの問題に対応する

分類Dev

Typescript / JSでネストされたオブジェクト配列のレベルを下げる

分類Dev

クラスフィールドを定義するオブジェクトを使用してTypeScriptクラスコンストラクターを構築するにはどうすればよいですか?

分類Dev

TypeScriptでジェネリックを使用して宣言されたいくつかのオブジェクトメソッドをマージするにはどうすればよいですか?

分類Dev

typescriptインターフェイスオブジェクトからフィールドを削除します

分類Dev

オブジェクトの配列から選択要素を取得して動的ルーティングを作成したい--- TYPESCRIPT

分類Dev

typescript / javascriptは、オブジェクトのネストされた配列内のオブジェクトの部分的な繰り返しを削除します

分類Dev

Angular / TypeScriptのクリックイベントを介してオブジェクトをループする方法

分類Dev

Typescriptを使用してVueCLI3でオブジェクトデータをネストする方法は?

分類Dev

ネストされたオブジェクトを持つJSONオブジェクト。すべてTypescript / Angular5のクラスにキャストする必要があります。

Related 関連記事

  1. 1

    Typescript / Javascriptのネストされたオブジェクトのフィールドを更新します

  2. 2

    Typescriptでconitionオブジェクトを使用してネストされた配列の配列をフィルタリングする

  3. 3

    TypeScriptのオブジェクトにネストされたオブジェクトをループする方法

  4. 4

    Javascript / typescriptのディレクトリchooserによって選択されたFileListオブジェクトをフィルタリングする方法は?

  5. 5

    TypeScript / Angular4のオブジェクトを含む、可変長の配列を使用したインターフェイスの作成

  6. 6

    APIによって返される深くネストされたオブジェクトのTypescriptインターフェースを追加する

  7. 7

    Angular2のObservableMap関数を使用して、Httpサービスによって返された応答オブジェクトをTypeScriptオブジェクトにマップする方法

  8. 8

    TypeScript:フィールドを含み、変換されたオブジェクトを返すインターフェイスのタイプ

  9. 9

    タイプチェック... Typescriptを使用したオブジェクトの残りのフィールド

  10. 10

    Typescript:ネストされたオブジェクトのインターフェースを定義するにはどうすればよいですか?

  11. 11

    Typescriptで、すべてのフィールドを未定義として入力せずに、オブジェクトを別のオブジェクトのサブになるように制約する方法はありますか?

  12. 12

    Typescript。ネストされたオブジェクトにプロパティを動的に追加します

  13. 13

    Typescriptでフィールドが欠落しているオブジェクトを別のオブジェクトにキャストするにはどうすればよいですか?

  14. 14

    デフォルトのエクスポートとしてオブジェクトを使用してTypeScriptでモジュールを宣言する方法

  15. 15

    異なるキーでネストされたオブジェクトを定義する方法をTypescript

  16. 16

    Typescript-jsonオブジェクトのネストされたインターフェースを作成する方法

  17. 17

    元のオブジェクトと元のオブジェクトのフィールドから作成された新しいオブジェクトで構成されるオブジェクトへのTypescriptインターフェイスタイプのマッピング

  18. 18

    Typeパラメータを使用してTypescriptのオブジェクトフィールドを制限する方法

  19. 19

    モデル内のネストされたオブジェクトを定義するには?(angular2 / typescriptです)

  20. 20

    TypeScriptでオブジェクトを使用してネイティブsetStateの問題に対応する

  21. 21

    Typescript / JSでネストされたオブジェクト配列のレベルを下げる

  22. 22

    クラスフィールドを定義するオブジェクトを使用してTypeScriptクラスコンストラクターを構築するにはどうすればよいですか?

  23. 23

    TypeScriptでジェネリックを使用して宣言されたいくつかのオブジェクトメソッドをマージするにはどうすればよいですか?

  24. 24

    typescriptインターフェイスオブジェクトからフィールドを削除します

  25. 25

    オブジェクトの配列から選択要素を取得して動的ルーティングを作成したい--- TYPESCRIPT

  26. 26

    typescript / javascriptは、オブジェクトのネストされた配列内のオブジェクトの部分的な繰り返しを削除します

  27. 27

    Angular / TypeScriptのクリックイベントを介してオブジェクトをループする方法

  28. 28

    Typescriptを使用してVueCLI3でオブジェクトデータをネストする方法は?

  29. 29

    ネストされたオブジェクトを持つJSONオブジェクト。すべてTypescript / Angular5のクラスにキャストする必要があります。

ホットタグ

アーカイブ