2011年09月07日に投稿

[JavaScript] in 演算子の使い方

JavaScript の in 演算子の使い方を調べましたのでその記録を投稿します。in 演算子は 2 つの使い方があります。

1. あるプロパティ又はメソッドがあるオブジェクトに存在するかどうかを調べる

var obj = {
    greeting : 'Hello'
}
alert('greeting' in obj); //true
alert('hoge' in obj); //false

var obj = {

greeting : 'Hello'

}

alert('greeting' in obj); //true

alert('hoge' in obj); //false

A in Bというように記述すると、AがオブジェクトBに存在している場合はtrueが、存在しない場合はfalseになります。

また、配列に対してその要素番号が存在するかどうかも調べることができるようです。

var hoge = ['morning', 'noon', 'evening'];
alert(0 in hoge); //true
alert(1 in hoge); //true
alert(2 in hoge); //true
alert(3 in hoge); //false

var hoge = ['morning', 'noon', 'evening'];

alert(0 in hoge); //true

alert(1 in hoge); //true

alert(2 in hoge); //true

alert(3 in hoge); //false

2. for構文と一緒に使うことでオブジェクト内のプロパティ数に応じてループさせる

var obj = {
    asa : 'morning',
    hiru : 'noon',
    yoru : 'evening'
}
for(var i in obj){
    document.write(i + '<br />');
}

var obj = {

asa : 'morning',

hiru : 'noon',

yoru : 'evening'

}

for(var i in obj){

document.write(i + '<br />');

}

実行結果

asa
hiru
yoru

asa

hiru

yoru

for 構文と一緒に使用すると、オブジェクトの持っているプロパティの数だけループをしてくれます。

関連記事