連想配列[{A:'a',D:'d'},{B:'b',E:'e'},{C:'c',F:'f'}]のlengthの取得方。

Question

確認のための質問です。(stateの配列とします。)

普通の配列では（　　Item=['a','b','c']　　）

this.state.Item.length

で取り出せますよね？

また、連想配列では、（ 　Item=[A:'a',B:'b',C:'c'] 　）

Object.keys(this.state.Item).length

で取り出せるという記事を見ました。

では、タイトルの、（ 　Item=[{A:'a',D:'d'},{B:'b',E:'e'},{C:'c',F:'f'}] )

の場合、{}の数を取得するのは、先ほどと同じように

Object.keys(this.state.Item).length

としたら取得できるのでしょうか？

また、
{}のなかの要素の長さを取得するとき、

//key=0,1,2として

Object.keys(this.state.Item[key]).length

というようにしたら良いのでしょうか？

Answer 1

Item=[{A:a,D:d},{B:b,E:e},{C:c,F:f}]

この場合まずa~fが変数として機能しているので、いきなり書くとエラーになります
その上、普通にItemはただの配列ですから普通にlengthを持っています
中身はforEachで回してObjecy.keysを数えて下さい

Item=[{A:"a",D:"d"},{B:"b",E:"e"},{C:"c",F:"f"}];
console.log(Item.length);

Item.forEach(function(x){
console.log(Object.keys(x).length);
});

Comments

[MOTOMUR]

回答ありがとうございます！
小文字に'　'をつけ忘れていました。修正します。
深い理解のために質問させてください！

[]内に、name:' a '　や　Item:{　A:' a ' }　なるものが複数ある場合(0~の数字でなく文字列がkeyの場合)は連想配列であり、

[]内に、　’ a ’　もしくは　{ A:' a ' }のようになっている場合(keyが0〜の数字)は配列であるということでしょうか

ネストが深い部分もこの解釈で良いのですかね？？

また、質問文の
Item=[{A:"a",D:"d"},{B:"b",E:"e"},{C:"c",F:"f"}];
の{}内部の件についてですが、
例えばforEachで取得できず、
このような場合、

Outer:[0,1,2]

this.state.Outer.map(
key =>{
Object.keys(this.state.Item[key]).length
}
)

には、forEachのやり方ではできないかと思いますが、どのようにやったら良いでしょうか？？

[yambejp]

> []内に、name:' a '　や　Item:{　A:' a ' }　なるものが複数ある場合(0~の数字でなく文字列がkeyの場合)は連想配列であり、

うーんちょっと勘違いされていると思いますが
javascriptは[]はあくまでも配列で、連想配列にするにはオブジェクトである{}を利用します。
console.log([name:"a"])のような書き方はできません

一方Object.keysは連想配列からキーを取り出す処理なので
Object.keys({A:"a",D:"d"}とすれば配列["A","D"]が戻ってくるので
そのlengthを拾えば連想配列の要素数になります

[MOTOMUR]

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

this.state.Item[0]は{ A:"a",D:"d" }なので、
Object.keys(this.state.Item[key]).lengthはできる。ということですね！

[yambejp]

ちなみに連想配列はプロパティの列挙に制限がかけられます
var x={A:"a",B:"b",C:"c"};
Object.defineProperty(x,"B",{enumerable:false});
console.log(Object.keys(x));
//戻り：AとC
console.log(x["B"]);
//戻り：b

Object.keysで拾えるのはあくまでも列挙できるプロパティです
しかし列挙できなくても参照はできます。
そのあたりを理解しないと要素数について理解が深まらないと思います

[MOTOMUR]

なるほど、そんな違いがあるのですね。もう少し勉強してみようと思います。
ありがとうございました。