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

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

詳細はこちら
JavaScript

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

Q&A

解決済

1回答

1121閲覧

JavaScriptで作りたい配列の形にできません...。

matsuo_basho

総合スコア88

JavaScript

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

0グッド

0クリップ

投稿2021/01/02 15:02

いつもお世話になっております。

JavaScriptの上級者の方であれば簡単だと思うのですが、
以下の変数aに格納している配列の中から、変数bに一致するidのものを取得して
変数cの形にする方法が全くわかりません…。

map/filter/some/reduce など色々調べてみたのですが、
いまいちピンと来ず、途方に暮れております。

もしわかる方がいらっしゃればご教授いただけると幸いです。

javascript

1const a = [ 2 { 3 "id": "1", 4 "name": "政治" 5 }, 6 { 7 "id": "2", 8 "name": "スポーツ" 9 }, 10 { 11 "id": "3", 12 "name": "科学" 13 } 14] 15 16const b = [ 17 "1", 18 "3" 19] 20 21const c = [ 22 { 23 "id": "1", 24 "name": "政治" 25 }, 26 { 27 "id": "3", 28 "name": "科学" 29 } 30] 31

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

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

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

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

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

Zuishin

2021/01/02 15:15

filter でできませんか?
Zuishin

2021/01/02 15:25

sejuku は素人が書いてるので参考にしない方がいいと思います。 https://www.google.com/search?q=%E4%BE%8D%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2+%E3%81%B2%E3%81%A9%E3%81%84 filter と includes を使えばできるので、それらの使い方を調べてみてください。組み合わせた完成品を探すのではなく、部品の使い方を熟知して自分で組み合わせるのがプログラミングのコツです。 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/filter https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/includes
matsuo_basho

2021/01/02 15:26

ご丁寧にありがとうございます!! 頑張ってみます!!
miyabi_takatsuk

2021/01/02 15:39

もし、解決したなら、自己解決の投稿をして、質問を閉じましょう。 解決に至らなければ、 Zuishinさんのコメントを見てやってみてもわからなかった部分などを、質問本文に追記お願いします。
guest

回答1

0

自己解決

以下でできました!
Zuishinさん、miyabi_takatsukさん早速回答いただき誠にありがとうございました!!

javascript

1const a = [ 2 { 3 "id" : "1", 4 "name" : "政治" 5 }, 6 { 7 "id" : "2", 8 "name" : "スポーツ" 9 }, 10 { 11 "id" : "3", 12 "name" : "科学" 13 } 14] 15 16const b = [ 17 "1", 18 "3" 19] 20 21const c = a.filter(x => { 22 23 return b.includes(x.id) 24 25}) 26 27console.log(c); 28 29// [ { id: '1', name: '政治' }, { id: '3', name: '科学' } ] 30

投稿2021/01/02 15:59

matsuo_basho

総合スコア88

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問