vue获取对象的key值

Vue可以通过以下两种方式获取对象的key值:

  • 使用Object.keys()方法,该方法把对象的所有属性名以数组的形式返回,然后可以遍历这个数组获取每个key值。
  • const obj = {
      name: 'Tom',
      age: 18,
      gender: 'male'
    const keys = Object.keys(obj) // ["name", "age", "gender"]
    keys.forEach((key) => {
      console.log(key) // name age gender
    
  • 使用for-in循环可以遍历一个对象的所有属性名,然后可以依次获取每个key值。
  • const obj = {
      name: 'Tom',
      age: 18,
      gender: 'male'
    for (let key in obj) {
      console.log(key) // name age gender
    

    需要注意的是,Object.keys()方法只返回可枚举属性的key值,而for-in循环会遍历对象的原型链上的所有属性,因此需要注意对象属性的可枚举性。

  •