JS获取对象的值

FKPGB • 2025-01-27 13:35 • 编程

一、基本语法

获取对象值最基本的方式就是通过对象属性名获取对应的值，语法如下：

// 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获取对象值的一些基本方法。

原创文章，作者：FKPGB，如若转载，请注明出处：https://www.506064.com/n/333168.html