質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Q&A

1回答

735閲覧

TypeScriptで型定義に含まれないプロパティを渡さないようにする方法はありますか?

taylor

総合スコア37

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

0グッド

0クリップ

投稿2020/07/22 01:36

前提・実現したいこと

初歩的で申し訳ありません。検索してもなかなか見つからず。。

TypeScript

1type Fruit = { 2 price: number; 3 color: string; 4} 5 6const props = { 7 price: 1000, 8 color: '#f00', 9 name:'Apple' 10} 11 12const apple : Fruit = { ...props }; 13 14console.log(apple) 15// nameをカットしたい!

期待している方法

型定義時になんらかの組み込み型でラップする、tsconfig.jsonを設定する、等

避けたい方法

代入時に毎回明示的にやらなきゃいけないのは嫌です。。

TypeScript

1type Fruit = { 2 price: number; 3 color: string; 4} 5 6const props = { 7 price: 1000, 8 color: '#f00', 9 name:'Apple' 10} 11 12// こういうのは避けたい 1 13const { price, color } = props; 14const apple : Fruit = { price, color }; 15 16// こういうのは避けたい 2 17const { name, ...otherProps } = props; 18const apple : Fruit = { ...otherProps };

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

TypeScriptの型は構造的部分型というもので、「プロパティが多くても問題ない」という考え方で動いています。

投稿2020/07/22 01:39

maisumakun

総合スコア145208

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

taylor

2020/07/22 01:44

早速の回答ありがとうございます! 上記をやりたい場面は2つあって、 ・余計なプロパティをDBにしまいたくない(サーバーサイド) ・GraphQLでInputエラーを出したくない(React) です。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問