JS獲取對象的值

一、基本語法

獲取對象值最基本的方式就是通過對象屬性名獲取對應的值，語法如下：

// js對象
let user = { name: 'Tom', age: 18 };
// 獲取屬性值
let name = user.name;
let age = user.age;
console.log(name, age); // Tom 18

這種方式也可以通過中括號[]來獲取值：

let user = { name: 'Tom', age: 18 };
let name = user['name'];
let age = user['age'];
console.log(name, age); // Tom 18

二、多層嵌套

如果對象是多層嵌套，那麼可以通過”.”或”[]”來獲取嵌套屬性值：

let user = { 
  name: 'Tom', 
  age: 18, 
  job: {
    title: 'Engineer',
    level: 2
  }
};

// "."獲取嵌套
let jobTitle = user.job.title;
let jobLevel = user.job.level;
console.log(jobTitle, jobLevel); // Engineer 2

// "[]"獲取嵌套
let jobTitle = user['job']['title'];
let jobLevel = user['job']['level'];
console.log(jobTitle, jobLevel); // Engineer 2

三、循環獲取

如果對象是一個數組，那麼可以使用循環來獲取所有的屬性值：

let users = [
  { name: 'Tom', age: 18 },
  { name: 'Jerry', age: 20 },
  { name: 'Mike', age: 22 }
];

// 循環獲取屬性值
for(let i=0; i<users.length; i++) {
  let name = users[i]['name'];
  let age = users[i]['age'];
  console.log(name, age);
}

此外，也可以使用forEach函數來獲取數組中的屬性值：

let users = [
  { name: 'Tom', age: 18 },
  { name: 'Jerry', age: 20 },
  { name: 'Mike', age: 22 }
];

// forEach獲取屬性值
users.forEach(user => {
  let name = user.name;
  let age = user.age;
  console.log(name, age);
});

四、判斷存在性

有時候我們需要判斷對象的屬性是否存在，可以使用”if”或”?”語句來進行判斷：

let user = { name: 'Tom', age: 18 };

// 判斷屬性值是否存在
if(user.name) {
  console.log('name exists');
}

// "?"語句判斷屬性值是否存在
let age = user.age ? user.age : 0;
console.log(age); // 18

// "??""語句判斷屬性值是否存在
let age = user.age ?? 0;
console.log(age); // 18

五、總結

JS獲取對象的值是非常基礎且重要的知識點，我們可以通過”點”和”[]”來獲取對象的屬性值，也可以使用循環來獲取數組中的屬性值。此外，判斷對象屬性值的存在性也是需要掌握的技巧。以上就是JS獲取對象值的一些基本方法。