~~~ /* 對象的屬性名不能是引用數據類型值 */ // =====基于 對象[屬性名] 的方式操作，需要保證屬性名是一個值（字符串/數字/布爾等都可以），如果不是值而是一個變量，它會把變量存儲的值作為對象的屬性名進行操作 // =====基于 對象.屬性名 的方式操作，屬性名就是點后面的 let n = 100; let obj = { 1: 100 }; console.log(obj[1]); console.log(obj.1); //=>Uncaught SyntaxError: missing ) after argument list 基于點的方式操作有自己的局限性，屬性名不能是數字的，不能 對象.數字屬性，此時只能用 對象[數字屬性] console.log(obj[1]); //100 console.log(obj['1']); //=>其它非字符串格式作為屬性名和字符串格式沒啥區別 obj.n = 200; //=> {n:200} n是屬性名（數據格式是字符串） obj['n'] = 200; //=> {n:200} 和上面的情況一樣 obj[n] = 200; //=> {100:200} => obj[100]=200 n本身是一個變量（n和'n'的區別：前者是一個變量，后者是一個字符串的值），它代表的是所存儲的值100（是一個數字格式） obj[m] = 200; //=>Uncaught ReferenceError: m is not defined m這個變量沒有被定義 obj[true] = 300; //=>{true:300} obj[undefined] = 400; //=>{undefined:400} console.log(obj); let n = { x: 100 }; let m = [100, 200]; let obj = {}; obj[n] = "珠峰"; //=>obj[{x:100}] 但是對象不能作為屬性名，需要把其轉換為字符串 =>{"[object Object]":"珠峰" } obj[m] = "培訓"; //=>obj[[100,200]] =>{ "100,200":"培訓" } console.log(obj); //=>如果非要讓屬性名是個對象，只能基于ES6中的新數據結構 Map 處理 /* * 數組是特殊的對象: * 1.它的屬性名是數字，數字從零開始，逐級遞增，每一個數字代表著當前項的位置 =>我們把這種數字屬性名叫做“索引” * 2.默認有一個length屬性存儲數組的長度 */ let arr = [10, 20, 30]; console.log(arr[0], arr[1], arr[2]); console.log(arr.length); console.log(arr['length']); ~~~ 1.  2.  3.  4.