javascript - オブジェクトのプロパティの読み取り中に未定義のエラーが発生しました

Question

以下のコードの実行中にコンソールに表示される未定義のエラーを解決するのを手伝ってください

この JSbin も参照してくださいhttp://jsbin.com/ONOwujA/1/edit

data = [
    {key:"home",value:"hk1"},
    {key:"home",value:"hk2"},
    {key:"home",value:"hk3"},
    {key:"home",value:"hk4"},
    {key:"product",value:"pk1"},
    {key:"product",value:"pk2"},
    {key:"product",value:"pk3"},
    {key:"product",value:"pk4"},
    {key:"service",value:"sk1"},
    {key:"service",value:"sk2"},
    {key:"service",value:"sk3"},
    {key:"service",value:"sk4"}
];

myFilteredKey=[];
for(i=0;i<=data.length;i++){

    if(myFilteredKey.indexOf(data[i].key)!=-1){
        myFilteredKey.push(data[i].key);
        console.log(data[i].key);
    }
}