[javascript]オブジェクトの〇番目の要素をとる

Question

Javascriptでオブジェクトの〇番目の要素（？）をとる方法を知りたいです。

var obj={
  "a":"apple"
  "c":"cat"
  "f":"fish
}

で上から2番目("c":"cat")を取得する方法はあるのでしょうか？

Comments

[yambejp]

objの「2番め」を指定して "c":"cat"を取りたいのか、「c」を指定して2番目であることを知りたいのかによって処理がことなります。また”cat"を指定するという考え方もありますが、これはユニークではないので最初に現れた番号を得るのか、全ての番号を得るのかで処理が違います

[moscow3]

ご指摘ありがとうございます。私が言いたいのは「2番目を指定する」ものでした。（下に不可能との回答がありましたが）

Answer 1

不可能です. Objectのキーの並びは固定ではありません.

https://stackoverflow.com/questions/5525795/does-javascript-guarantee-object-property-order

An object is a member of the type Object. It is an unordered collection of properties each of which contains a primitive value, object, or function. A function stored in a property of an object is called a method.

意訳：オブジェクトは順序付けされていないプロパティの集まりです.

つまり, オブジェクトのキーの順番に意味がないため, 順序を意識したコードはそれ自体正しく動作する保証がありません. もし、順序が重要なのであれば, オブジェクトではなく配列を使って下さい.

let arr = [
  {b: "B"},
  {c: "C"},
  {a: "A"}
];

とか

let arr = [
  ["b", "B"],
  ["c", "C"],
  ["a", "A"]
];

であれば, 「2番めの値」に意味が出てきます.

NOTE:
この観点に従えばObject.keys, Object.entries, Object.valuesの各メソッドが生成する配列の並びにも意味がないため, これらのメソッドは単に「オブジェクトの内容に順不同の処理を施す」用途にしか使えません.

Comments

[defghi1977]

と、口を酸っぱく言っているのは、答えた当人が一度痛い目に遭っているからです！

[moscow3]

確かに配列を使えばパーフェクトですね。（なんで初めに思いつかなかったんだろう）
丁寧にありがとうございました。

Answer 2

オブジェクト初期化子の問題点

順序性の問題は defghi1977 さんが指摘された通りです。
他にも、いくつか問題があり、詳細は下記にまとめました。

• JavaScriptにおける繰り返し処理の使い分け - Qiita

オブジェクト初期化子は「連想配列」に例えられることがありますが、問題点をリストアップしてみると大分違う事が分かります。

new Map

ES6 には new Map があります。
これはオブジェクト初期化子の上位互換といえる機能を持っており、先の問題を全て解決できます。

• Map - JavaScript | MDN

'use strict';
var map = new Map([['a', 'apple'],['c', 'cat'],['f', 'fish']]);

console.log([...map.values()][1]);  // "cat"

Re: moscow3 さん

Answer 3

まず、オブジェクトの書き方が間違っているので確認してください。

var obj={
  "a":"apple",
  "c":"cat",
  "f":"fish"
}

こんな感じで取れると思います。

console.log(obj[Object.keys(obj)[1]]);

Comments

[defghi1977]

Object.keysで得たキー順は元オブジェクトのキーに数値が入ると狂うようです.
Object.keys({a: "a", 0: 0})[1]
→a

[kszk311]

なんと…。本当ですね、ご指摘ありがとうございます。
逆に数値を入れなければ、入った順に取れるということですよね。

[defghi1977]

いや代替の配列を使う方法がある以上「仕様にない動作」をそのまま利用するのはおすすめできないかと.

[kszk311]

なるほど、ありがとうございます。