JavaScript 連想配列の取り出し

Question

JavaScriptで以下の様な配列があったとします
その場合mapなどを用いて取り出そうと思ったのですが引数が多くなるかと思い他の方法はないかと探しているのですがうまく取り出す方法がわかりません

全て取り出すのでfor文を使って取り出す方法を思いついたのですがモダンでなくあまり良くない方法なのでしょうか

[
  {"name": "taro", "email": "[e-mail]", "sex": "men"},
  {"name": "kota", "email": "[e-mail]", "sex": "men"},
  {"name": "tamaguchi hanako", "email": "[e-mail]", "sex": "girl"},
]

期待する取得結果としてはliでユーザの情報をリストアップする様なイメージです

• taroさん

• [e-mail]

• 男性

• kotaさん

• [e-mail]

• 男性

• hanakoさん

• [e-mail]

• 女性

const users = [
  {"name": "taro", "email": "[e-mail]", "sex": "men"},
  {"name": "kota", "email": "[e-mail]", "sex": "men"},
  {"name": "tamaguchi hanako", "email": "[e-mail]", "sex": "girl"},
];


for (let i = 0; i < users.length; i++) {
  console.log(users[i]["name"]);
  console.log(users[i]["email"]);
}

Comments

[int32_t]

「取り出す」という表現が不明瞭です。どういう結果が欲しいのか、具体的に書いてください。

[m.ts10806]

要件次第　ですね。

[退会済みユーザー]

全ての要素を取得する様にしたいです

[退会済みユーザー]

修正しました

[miyabi_pudding]

全て取り出すのなら、
今、全体が配列の状態なので、
一番全てという状態に近いのですが・・・

[miyabi_pudding]

それだと、取り出す、ではなく、
HTMLに表示、ですね。正しくは。

[退会済みユーザー]

そうですね すいません

[miyabi_pudding]

まず、自身でできるところまでコード書いてみましょう。
今の質問状況だと、丸投げ質問とみなされてしまいます。
まず、自分でやってみて、どうしてもわからない部分を、
自身のソースコードも載せて、質問内容を修正お願いします。

[miyabi_pudding]

> for文を使って取り出す方法を思いついたのですが

この方法のソースコードを載せれば、丸投げ感は無くなると思いますよ

[退会済みユーザー]

追記しました
とりあえずここの取得まで持っていきたいのですが今のままではスマートでないと思います

[miyabi_pudding]

回答しましたが、
現状のやりたいことだと、
大した変わらない気がします。
（今の要件だと、これ以上やりようがない）

Answer 1

こんな感じですか？

[
  {"name": "taro", "email": "[e-mail]", "sex": "men"},
  {"name": "kota", "email": "[e-mail]", "sex": "men"},
  {"name": "tamaguchi hanako", "email": "[e-mail]", "sex": "girl"},
].flatMap(Object.values).forEach( x => document.body.insertAdjacentHTML('beforeend',`<li>${x}</li>` ) );

Answer 2

全走査のみで、インデックスが必要ないなら、forEachが適当かと思います。

const users = [
  {"name": "taro", "email": "[e-mail]", "sex": "men"},
  {"name": "kota", "email": "[e-mail]", "sex": "men"},
  {"name": "tamaguchi hanako", "email": "[e-mail]", "sex": "girl"},
];

users.forEach( (obj, index) => {
  console.log(index);
  console.log(obj["name"]);
  console.log(obj["email"]);
  console.log(obj["sex"]);
});

Comments

[退会済みユーザー]

あすいません書き忘れていてもうしわけないのですがインデックスが必要に成ります
Reactを使用していてJSXで記載しているのでkeyが必要になり．．

[miyabi_pudding]

回答に追記しました。