JavaScript pushで追加した配列にアクセス

Question

前提・実現したいこと

pushで追加した配列に配列名でアクセスして中身を取り出したいです
x[0]とかではなく、名前で取り出したいんですがどうしたらいいんでしょうか？

該当のソースコード

<script>
var x=[];
window.onload=function(){
x.push({one: 1, two: 2, three: 3});
console.log(x["one"]);//1と表示させたい
}
</script>

Answer 1

x は配列なので、x[0] で最初に push したオブジェクトにアクセスできます。

console.log(x[0].one);

でどうでしょうか。

Comments

[smokey]

添え字番号関係なく名前で取り出す方法はご存知ないでしょうか？

[yh1224]

配列の中から条件にあうオブジェクトを検索する必要があります。
検索条件は何になりますか？

[smokey]

検索条件は↓で例えたら、キー名っていうんでしょうか、
oneとかtwoの部分です

<script>
var x=[];
window.onload=function(){
x.push({one: 1, two: 2, three: 3});
x.push({a: 1, b: 2, c: 3});
console.log(x[1]["a"]);
}
</script>

[yh1224]

別途回答しました。

Answer 2

pushで追加した配列に配列名でアクセス

配列は複数の値を順番に持つだけですので、「配列名」というものはありません。
やりたいことは「複数の値を、名前をつけて保持したい。」でしょうか？

それであれば配列でなくオブジェクトを使います。

var x = {};
Object.assign(x, {one: 1, two: 2, three: 3});
console.log(x["one"]);

という形でどうでしょうか。

Comments

[smokey]

こうしたらエラーがでたんですが、bにアクセスできないのはなぜですか？

<script>
var x = {};
window.onload=function(){
Object.assign(x, {one: 1, two: 2, three: 3});
Object.assign(x, {a: a, b: b, c: c});
console.log(x["b"]);
}
</script>

[smokey]

文字列だから""が必要でした。
やりたかったことです
ありがとうございます

Answer 3

xから直接キーで取り出したいなら、xを配列ではなくてディクショナリとしてください。

var x = {one: 1, two: 2, three: 3}
console.log(x["one"]);

今の状態だとディクショナリの配列になっているので

console.log(x[0]["one"]);

として配列の最初の要素を洗濯した後にキー(名前)で取り出す必要があります。

Comments

[smokey]

var x = {one: 1, two: 2, three: 3}
console.log(x["one"]);

この記述でpushで動的にデータ入れるにはどうしたらいいんでしょうか？

Answer 4

xは配列なので、まずは添字を指定する必要があります。

console.log(x[0]["one"]);

添字が分からなければまたコメントで質問してください。

Comments

[smokey]

<script>
var x=[];
window.onload=function(){
x.push({one: 1, two: 2, three: 3});
x.push({a: 1, b: 2, c: 3});
console.log(x[1]["a"]);
}
</script>

と合った場合に、いくつめの添え字にaがあるかを割り出す方法はありませんか
他にスマートなやり方あったら教えてほしいです

Answer 5

解決してますが…
当初のコーディングでどうしてもインデックスを使いたくないなら

let x = [];
x.push({one: 1, two: 2, three: 3});

const [y] = x;

console.log(y["one"]);

かなり強引な方法ですけどね。(汗