JS中引用对象的问题

Question

问题描述

新人，学习删除select列表中option的时候遇到了一个变量引用的问题，如下：
1.用option[index] = null ,可以达到删除目的；
2.把option[index]赋值给某个变量，再把变量设置为null，无效，例：

var a = option[index];
a = null;

经思考后，已经明白了a实际是引用了option[index]的地址，后面设置a = null,只是改变了a的引用地址，option[index]实际没有变化。但是，后面的问题我想不通了，代码贴在下面。

代码

<form action="" name="theForm">
    <select name="theDay">
        <option value="1">1</option>
    </select></form><script>
    var option = document.theForm.theDay.options[0];    document.theForm.theDay.options[0] = null;    console.log(document.theForm.theDay.options[0]); //输出 undefined 
    console.log(option); // 输出 <option value="1">1</option></script>

而我以为的输出会是

console.log(document.theForm.theDay.options[0]); //输出 null console.log(option); // 输出 null

想了很久没想明白，希望大神指点