Javascript について質問です

質問

for in 文について質問です。（実行結果は一番下にあります。）

本当に分からなくて困っています。質問自体長く、お見苦しい点も多いと思いますが、皆様の力が必要なので、分かる方がおりましたら助けてくださると本当にありがたいです。

下記のように、friendsというオブジェクトを定義しました。
いまいち、オブジェクトの意味が理解できていないので、表層的なことしか理解できておりません。下記のプログラムは動きましたが、codeacademyというサイト上で動かしているので、少し実行結果が変わってしまい、よくわかりません。

質問(1)：そこで質問なのですが、下記（真下）のプログラムは、どのような動きをしているのでしょうか。これは単純に、steve,jobsを出力するためのプログラムでしょか？

var list= function(friends){
for(var i in friends){
console.log(i);
}
}

質問２；こちらの関数についてですが、nameを引き渡していますが、プログラム上には何も定義していないのに、動きました。なぜ動くのでしょうか？

var search = function(name) {
for (var key in friends) {
if(friends[key].firstName== name){
console.log(friends[key]);
return friends[key];
}
}
};

質問３；　search 関数の中で、for in 文の中にiを定義していますが、これは、単純にプロパティの個数文、for文を回すものと理解してもよろしいでしょうか。
私が気になっているのは、friends[i]となっても、friendsオブジェクトでそのような変数を定義していないので、マッチしないと思い、いまいち理解しきれません。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
var friends={
steve: {
firstName: "Steve",
lastName: "jobs",
number: "090",
address: ["Apple fundor"]
},
bill: {
firstName: "Bill",
lastName: "Gates",
number: "080",
address: ["Microsoft fundor"]
}
};

var list= function(friends){
for(var i in friends){
console.log(i);
}
}

var search = function(name) {
for (var key in friends) {
if(friends[key].firstName== name){
console.log(friends[key]);
return friends[key];
}
}
};

ーーーーーーーーーーーーーーーーーーーーー実行結果ーーーーーーーーーーーー

{ firstName: 'Steve', lastName: 'jobs', number: '090', address: [ 'Apple fundor' ] }
{ firstName: 'Steve', lastName: 'jobs', number: '090', address: [ 'Apple fundor' ] }
{ firstName: 'Bill',
lastName: 'Gates',
number: '080',
address: [ 'Microsoft fundor' ] }

回答No.2

t_ohta · ベストアンサー

＞　質問３についてですが、friends[key].firstNameが何を表しているのか分からないです。
＞　例えば、friends.fistNameではだめなんですか？

friends には「steve」と「bill」の2つのオブジェクトが入っていますが、「fistName」というプロパティは入っていないので「friends.fistName」は存在していません（undefined になります）。
friends の中の steve の fistName、friends の中の bill の fistName をそれぞれ取り出したいのだからfriends["steve"].firstName、friends["bill"].firstNameを指定しなければいけません。
for (var key in friends) で key に「steve」と「bill」を順に入れているので friends[key].firstName で目的の値を取り出せるのです。

お礼

ありがとうございます。

回答No.3

y_shimizu

まず、friendsについてですが、
friendsはsteveとbillを、
steveとbillはfirstNameやlastName等を持っています。
そしてsteveのfirstNameには"Steve"が、billのnumberには"080"が入っている、
ということを表しています。
つまり、キー名: 値　という形をネストしているということです。

for ( var key in object ) についてですが、
これはそのobjectが持っているキー名を順次keyに入れていくループ書式となります。
従って、

質問１はfriendsが持っているキー名、すなわちsteveとbillの2回ループすることになり、ループのiには"steve"や"bill"がそのまま入ってくることになります。

質問２は呼び出し元がわからないので割愛します。

質問３はオブジェクトのアクセスの仕方に対する理解を得たいのだと思います。
例えば、firendsのbillのnumberである"080"が参照したい場合、どのようにするのか、ということです。
"080"を取得したい場合、
friends.bill.number　で取得できますが、
friends["bill"]["number"]　でも取得できます。
もちろん組み合わせて
friends.bill["number"]　としても取得できます。
なので、for( key in friends ) で"steve"や"bill"がkeyに設定された場合、friends[key]とすればfriends["steve"]となってsteveにアクセスできるわけです。

JavaScriptのオブジェクトとは全て配列でその配列はインデックスにStringが使用できる、とでも考えるとわかりやすいと思います。（厳密には違いますが・・・）

お礼

ありがとうございます。

回答No.1

int3

実行結果をだすにあたって実際に関数をコールしているところを書かないと答えられないと思いますよ。

質問１ : friendsのプロパティキーを列挙してます。なのでキー名のsteve, billがでます。
質問２ : 何もわたしてないなら思ったようにうごかないですよね。呼び出し元をかかないとわからないです。
質問３：iが定義されてないしなにがいいたいのかよくわからないです。もうちょっと詳しくかいたほうがいいと思います。

補足

回答ありがとうございます。

質問３についてですが、friends[key].firstNameが何を表しているのか分からないです。
例えば、friends.fistNameではだめなんですか？
実行結果としては、friends内のfirstnameが表示されるのでしょうか？

var search = function(name) {
for (var key in friends) {
if(friends[key].firstName== name){
console.log(friends[key]);
return friends[key];
}