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

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

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

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

TypeScript

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

Q&A

解決済

1回答

422閲覧

filterを用いてオブジェクトから空の配列を含む要素のみ取り除きたい。

takochan1192

総合スコア100

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

TypeScript

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

0グッド

0クリップ

投稿2020/12/23 06:42

filterメソッドを使用して、[]の要素を含む配列を取り除いたいと思い
下記のようなコードを作成致しました。

TypeScript

1interface Items { 2 id:string 3 name:string 4} 5interface ItemsEmployees { 6 id:string 7 name:string 8 employees:Employees[] 9} 10interface Employees { 11 name:string 12} 13 14const itemsIncludesEmployees:ItemsEmployees[] = [ 15 {id:'1',name:'経理部',employees:[{name:'太郎'},{name:'花子'}]}, 16 {id:'2',name:'営業部',employees:[{name:'次郎'},{name:'梅子'}]}, 17 {id:'3',name:'企画部',employees:[]} 18] 19 20const excludeBlankEmployees = itemsIncludesEmployees.filter(e=> {return e.employees !== []}) 21console.log(excludeBlankEmployees) 22

やりたいこととしては、
const itemsIncludesEmployeesの中の、employeesが[]の配列である、
下記のオブジェクトを取り除き

{id:'3',name:'企画部',employees:[]}

アウトプットとして下記を想定しておりました。

output

1 {id:'1',name:'経理部',employees:[{name:'太郎'},{name:'花子'}]}, 2 {id:'2',name:'営業部',employees:[{name:'次郎'},{name:'梅子'}]},

しかし、現状私が作成したコードを実行すると
全てのオブジェクトが返ってきます。
どなたかご教示いただけませんでしょうか。

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

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

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

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

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

guest

回答1

0

ベストアンサー

.filter(x=>x.employees.length>0);

投稿2020/12/23 06:48

yambejp

総合スコア115010

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

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

yambejp

2020/12/23 06:48

ちなみに console.log([]==[]); //false です
takochan1192

2020/12/23 07:51 編集

ご回答ありがとうございます。実際にコンソールで確認しました。 知りませんでした。 今後は、空だからイコールになるわけではないと肝に銘じます。 また、今後は同じようなケースに出くわしたらコンソールを使用して確認してみます。 ちなみになんですが、なぜ[] == [] //falseとなるのでしょうか? ご教示いただけますと幸いです。
yambejp

2020/12/23 07:56

JavaScript は内部参照を比較するので オペランドがメモリ内の同じオブジェクトを参照するときに 等価だと判断します
takochan1192

2020/12/23 08:16

なるほど、ということは、[]と[]は、メモリ内でも別の場所を参照しているから、 [] == []はfalseとなるわけですね! ありがとうございます!ようやく理解することができました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問