[JavaScript]配列の各要素のおける参照渡しについて

JavaScriptにおいて、配列の各要素が辞書型(JSON)で一度、変数に設定して、その変数に対して値を変更したら、元の配列にも影響するということを確認するプログラムを作成

<script>
var hogedata = [{
  foo:true
}];
jQuery(function($){
  $('#hoge').on('click',function(e){
    e.preventDefault();
    var hdata = hogedata[0];
    hdata['foo'] = false;
    console.log(hogedata[0]['foo'])
  });
});
</script>
<input type="button" value="Run" id="hoge">

上のプログラムを実行すると、hogedata[0]['foo']はfalseを返します。

たぶん、下の本でも書いてあると思うんだけど、確認の意味もこめて。

JavaScript 第6版
オライリージャパン