JavaScriptのオブジェクトのループで、eachでないモダンな方法を使いたい

Question

こちらのopstionsから、widthより一つ小さいキーのオブジェクトを得たいです

つまり、width = 210;なので、それより一つ小さい200のキーのオブジェクトである{items:2}を得るのが目的です。

const width = 210;
const options = {
	0:{
		items:1
	},
	200:{
		items:2
	},
	300:{
		items:3
	},
};

自分のレベルでは次のようにeachとなりました。

let result;
$.each( options, function( k, info ) {
  if ( k < width ) {
  	result = info;
  }
});
console.log(result); // -> result = Object { items: 2 }

でモダンな方法を調べ、こちらの記事からfilterが適切でないかと考えて以下を試してみました

const result2 = options.filter( ( k,info ) =>  k < width );
console.log(result); // -> エラー

しかし次のエラーになります

Uncaught TypeError: options.filter is not a function

引用元の記事ではanimals.filterでできるはずなのに、どうして上記options.filterがエラーとなるのでしょうか。

そして、どうすれば冒頭のように得ることができますでしょうか？

Answer 1

引用元の記事ではanimals.filterでできるはずなのに、どうして上記options.filterがエラーとなるのでしょうか。

animalsは配列なのでfilterメソッドがありますが、optionsは配列ではないオブジェクトなのでfilterは存在しません。

そして、どうすれば冒頭のように得ることができますでしょうか？

Object.enteriesで[キー, 値]の配列に変換してからfilterを行う、という方法も考えられます。

Comments

[gorimaz]

ありがとうございます。enteries調べてみます。