質問: ### 前提・実現したいこと HTMLのIMG要素(重複した画像を除く)を取得したいです。 ### 該当のソースコード ``` Document ``` ### 試したこと https://qiita.com/cocottejs/items/7afe6d5f27ee7c36c61f 上記URLのように配列から重複を削除する方法は見つけることができたのですが、 配列に格納したオブジェクト(IMG)のプロパティ(SRC)が重複する ものを削除した配列を取得する方法を見つけられませんでした。 初心者ですので、的外れなことを書いていると思いますが、 よろしくお願いいたします。
回答: ``` var b = Object.values( Array.from( document.body.querySelectorAll( 'img' ) ).reduce( function ( pre, curr ) { if ( !pre[ curr.src ] ) pre[ curr.src ] = curr; return pre; }, {} ) ); console.log( b ); ``` **動くサンプル:** 【Object.values() - JavaScript | MDN】 【Array.from() - JavaScript | MDN】 【Array.prototype.reduce() - JavaScript | MDN】