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


   
此外，也可以使用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获取对象值的一些基本方法。