JSの配列内のオブジェクトのキーと値を指定してマッチする配列のキーを返す方法

Question

下記のような配列があるとします。

var posts= [
{name: 'test1'},
{name: 'test2'},
{name: 'test3'},
]

postsのnameがtest2であるオブジェクトが格納されている配列のインデックス番号を取得したいのですが、良い方法はありませんか？（上記の場合ですと1が取得できる方法）
下記のようにfilterを使って該当するオブジェクトを丸ごと取得することはできたので、indexOfにてキーを取得しようと考えましたがうまくいきませんでした。

var value = posts.filter( function(item, index){
　　if (item.name == 'test2') return true;
});

var index = posts.indexOf(value);

お分かりになる方がいらっしゃいましたらご教示いただけませんでしょうか。

よろしくお願いいたします。

Answer 1

var value = posts.filter( function(item, index){

これが負けフラグです。
Array.filterの戻り値は常に配列です。
1個1個の要素がtrueを返すかな？falseを返すかな？と精査していき、
trueになった結果全てを返すので配列になります。

なので下記のどちらかを使うと良いでしょう。

• Array.find: これはfilterの1個見つけたら探索やめる版、見つからなかったらundefined
• Array.findIndex: おっ、いいのあるやん、用途にドンピシャじゃない？

var posts = [
  {name: 'test1'},
  {name: 'test2'},
  {name: 'test3'},
]
var index = posts.findIndex(it => it.name == 'test2');
console.log(index);
// 1

Comments

[Anon_]

これですこれ！探していたのは！
ありがとうございます！

Answer 2

こんな感じでどうでしょう？

Comments

[yambejp]

var posts= [
{name: 'test1'},
{name: 'test2'},
{name: 'test3'},
{name: 'test2'},
{name: 'test2'},
]
var keyword="test2";
var keys=posts.map((x,y)=>x.name===keyword?y:null).filter(x=>x!==null);
console.log(keys);

[Anon_]

ご回答ありがとうございます。
一番早くご回答いただきましたが、別の方の回答が簡潔で求めていたコードに近かったためそちらをベストアンサーとさせていただきます。
ありがとうございました！

[yambejp]

複数同じ値があることを想定していないのですね
その辺りが質問文から読み取れなかったので・・・

[shiracamus]

これでも。
var keys=posts.map((x,i)=>x.name===keyword&&i).filter(i=>i!==false);