Object.values 、 Object.keys-拿到当前对象里面的value值

时间:2024-10-01 07:19:15
// 假设你有一个对象
const myObject = {
  name: 'Kimi',
  age: 30,
  country: 'Moon'
};

// 获取对象的所有值
const values = Object.values(myObject);

// 输出值数组
console.log(values); // ["Kimi", 30, "Moon"]

如果你需要在 Vue 组件中获取响应式对象的值,你可以使用同样的 Object.values() 函数。在 Vue 3 的组合式 API 中,如果你有一个响应式对象,例如 refreactive,你可以这样获取它的值:

import { reactive } from 'vue';

// 创建一个响应式对象
const myReactiveObject = reactive({
  name: 'Kimi',
  age: 30,
  country: 'Moon'
});

// 获取响应式对象的所有值
const values = Object.values(myReactiveObject);

// 输出值数组
console.log(values); // ["Kimi", 30, "Moon"]

请注意,Object.values() 只能获取对象自身的可枚举属性值,不会获取继承的属性值。如果你的对象中包含了嵌套对象,那么返回的数组将只包含嵌套对象的引用,而不是嵌套对象的值。如果你需要递归地获取所有嵌套对象的值,你可能需要编写一个递归函数来实现这一点。