連想配列をforでまわすには

Question

連想配列をforで処理する時自分はいつも以下の書き方で書いているのですが、
以下の書き方だと、データ使用時にobj[keys[i]]と二重[]になるのが見難いです。
もっとシンプルな書き方はあるのでしょうか？
for in 以外で。

let obj = {1:”犬”, 2:”猫”, 3:”鳥”};
const keys = Object.keys(obj);
for(let i=0, end=keys.length; i < end; i++){
  let data = obj[keys[i]];
}

Answer 1

Object.values()を使えば良いのでは？polyfillも有りますよ

let obj = { 1: "犬", 2: "猫", 3: "鳥" };
const values = Object.values(obj);
for(let i=0, end=values.length; i < end; i++){
  let data = values[i];
  console.log( data ); 
}

Comments

[退会済みユーザー]

ありがとうございます！

Answer 2

こんにちは

ループ本体で、key と value の両方を使うときは、Object.entries を使うこともできます。
ご質問のタイトルに

連想配列をforでまわすには

とありましたので、forループとあわせて使うには、以下のように for ( ・・・ of ・・・ ) を使います。

const obj = { 1: "犬", 2: "猫", 3: "鳥" };

for (let [key, value] of Object.entries(obj)) {
    console.log(`key:${key}, value:${value}`);  
}

• 動作確認用 CodePen: https://codepen.io/jun68ykt/pen/bGGBEVG?editors=0012

または、for ( ・・・ of ・・・ ) の替わりに forEach を使うと、以下です。

const obj = { 1: "犬", 2: "猫", 3: "鳥" };

Object.entries(obj).forEach(([key, value]) => {
    console.log(`key:${key}, value:${value}`);  
});

• 動作確認用 CodePen: https://codepen.io/jun68ykt/pen/zYYorqE?editors=0012

以上、参考になれば幸いです。

Comments

[退会済みユーザー]

ありがとうございます！

Answer 3

forEachとか。

let obj = {1:'犬', 2:'猫', 3:'鳥'};
Object.keys( obj ).forEach( key => {
  console.log( obj[ key ] );
} )

Comments

[退会済みユーザー]

ありがとうございます！