objectをkey,valueで呼び出す[JavaScript]

ループの中でオブジェクトをkey、valueで呼出したいときの備忘録です。

Object.entries(object)を使う

オブジェクトに対して、Object.entries(オブジェクト ) を使うとkey,valueをセットにした配列([key, value] )に変換することができます。

keyを呼び出すObject.keys( )、valueを呼び出すObject.values( )はObjectにしか使用できないのに対し、Object.entries( )はオブジェクト以外にも使用可能です。(ただしundefinedや nullをObject.entries()に渡した場合はエラーとなります)

  // 使用例
  const Shohoku = {
    PG:{
      name:"Miyagi",
      number:7
    },
    SG:{
      name:"Mitsui",
      number:14
    },
    SF:{
      name:"Rukawa",
      number:11
    },
    PF:{
      name:"Sakuragi",
      number:10
    },
    C:{
      name:"Akagi",
      number:4
    }
  }

  // key(ポジション)、value(name, numberのオブジェクト)の配列に変換しループ処理
  for( const [key,{name,number}] of Object.entries(Shohoku) ){
    console.log(`ポジション:${key},名前:${name},背番号:${number}`)
  }
タイトルとURLをコピーしました