技術標籤：HTMLjavascriptjavascript

let obj = [
    // 鍵名[屬性名]：name、age、sex
    // 鍵值[屬性值]：趙本山、趙匡胤、趙光義
    {name: '趙本山', age: 16, sex: '男'},
    {name: '趙麗穎', age: 20, sex: '女'},
    {name: '趙匡胤', age: 18, sex: '男'},
    {name: '趙光義', age: 20, sex: '男'}
];
//物件的引用
let obj2 = obj;
//為obj2引用obj的age屬性名用點運算子賦值
obj2[1].age = 23;
console.log("輸出現有的物件陣列的值：" + obj[1].age);
//屬性的讀取
//點運算子讀取物件屬性
//數值屬性名不能使用點運算子(因為會被當成小數點)
let a = obj[1].name;
//方括號運算子讀取物件屬性
let b = obj[1]['name'];
console.log("點運算子：" + a);
console.log("方括號運算子：" + b);
obj[2]['age'] = 33;
console.log(obj[2]);
//檢視物件屬性值的方法
console.log("檢視屬性名：" + Object.keys(obj[1]));
//使用delete刪除物件屬性名與屬性值
delete obj[3].sex;
console.log("刪除後的物件：" + obj[3]);
let y = obj[3];
//使用for in方法遍歷obj[3]
for (let objKey in obj[3]) {
    console.log("迴圈obj[3]的值：" + obj[3][objKey]);
}
let obj3 = {name: '趙武靈王', age: 20, sex: '男'};
//with 語句
with (obj3) {
    name = '秦始皇';
    age = 21;
}
console.log(obj3);
 

結果：