🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

TypeScript

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

Q&A

解決済

1回答

2002閲覧

TypeScript JSON.parseする際に余分なプロパティを削除したい

Hr_ppm

総合スコア10

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

TypeScript

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

0グッド

0クリップ

投稿2021/02/07 07:19

編集2021/02/07 12:12

旧タイトル) JSON.parseする際に余分なプロパティを削除したい

前提・実現したいこと

JSONファイルからobjectにする際に、余分なプロパティを削除したい

該当のソースコード

TypeScript

1//型定義ファイル内 2interface Person { 3 name:string 4}

TypeScript

1//json受け取り処理 2const jsonString = rec[0].data.inputData 3const newObject:Person[] = JSON.parse(jsonString) 4console.log(newObject) 5//この近くで余分なプロパティを消したい 6

発生している問題・エラーメッセージ

console.logにて値を確認すると、personの中に["name"]以外のプロパティがある

元々Personには["name"]の他に["submitDate"]プロパティを設定してあり、受け取ったJSONにはこれがあったりなかったりします。これを受け取り時に削除したいです
今回は余分なプロパティが名前までわかっているので、delete person.submitDateで消しても問題ないですが、できれば未知のプロパティも消せるようにしたいです

追記

TypeScript

1//json受け取り処理 2const jsonString = rec[0].data.inputData 3const newObject:Person[] = JSON.parse(jsonString) 4 5//以下追加 6//interfaceからは実行時に情報が得られないので、クラスを定義 7class PersonClass implements Person{ 8 name:'' 9} 10const validation = new PersonClass() 11const includeProps = Object.keys(validation) 12//プロパティの文字列を配列の形で得たので、これを使ってプロパティの存在チェックが出来る 13//newObject.mapで新しい配列を作ったり 14//newObject.forEachで既存の配列に手を加えたり 15 16

冗長だと思いますが目的のプロパティを消す部分は達成できました。

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

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

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

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

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

hoshi-takanori

2021/02/07 07:51

不要なプロパティを消すのではなく、必要なプロパティを持ったオブジェクトを作り直すと良いのでは。
Hr_ppm

2021/02/07 12:18

確かに、新しく作り直したほうが良さそうです。ありがとうございます。
guest

回答1

0

自己解決

解決しました、追記の形で本文に載せてしまいました。

投稿2021/02/07 12:22

Hr_ppm

総合スコア10

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問