javascript 二次元配列のindex取得

Question

前提・実現したいこと

javascriptの二次元配列において、配列内の文字列を指定して、その文字列が存在している配列のindex番号を取得したいです。

例えば下記のような配列があったとして、"title"と指定することで、index番号の0を取得したいです。
（"comment"の場合は、2）

let array = [["title", 100], ["text", 200], ["comment", 300]]

試したこと

indexofを使用することで実現できそうかと考えたのですが、今回の内容が二次元配列のためうまくいきませんでした。

let titleIndex = array.indexOf("title") //これだとだめ

Answer 1

let titleIndex = array.findIndex(([x]) => x === 'title');

でいけると思いますわー。➡ サンプル

Answer 2

let array = [["title", 100], ["text", 200], ["comment", 300]]
console.log(array.map(x=>x[0]).indexOf('comment')); // 2

Answer 3

もし、数字にアクセスするのが最終的な目的なら、配列をつくりかえちゃうのも手かと

let array = [["title", 100], ["text", 200], ["comment", 300]]

let ar2 = {}
for (x of array) {
    let [k,v] = x
    ar2[k] = v
}
console.log(ar2["title"])

Answer 4

直接indexOfを使うのではなく、一度中身の配列を検索して合致したものを使って行うとうまくいくと思います。

const array = [["title", 100], ["text", 200], ["comment", 300]]

const getKeywordIndex = keyword => {
  const target = array.find(v => v.includes(keyword))
  return target && array.indexOf(target)
}

// 0
console.log(getKeywordIndex('title'))
// undefined
console.log(getKeywordIndex('createdDate'))