js对象获取属性值写法

有两种常见的写法：

1. 点号语法：使用对象名后跟一个点和属性名。

var myObj = {name: "John", age: 30};
var name = myObj.name;
var age = myObj.age;

2. 方括号语法：使用对象名后跟一个方括号和属性名，属性名需要用引号括起来。

var myObj = {name: "John", age: 30};
var name = myObj["name"];
var age = myObj["age"];

两种写法效果相同，但方括号语法可以接受变量作为属性名，如：

var myObj = {name: "John", age: 30};
var propName = "name";
var name = myObj[propName]; // name = "John"

相关问题

某一对象数组，如何用js得到其中对象某属性值为1的对象数组

你可以使用`Array.prototype.filter()`方法来筛选出对象数组中某属性值为1的对象数组。

假设有一个对象数组`arr`，其中的对象具有属性`prop`，你可以使用以下代码来获取其中属性`prop`值为1的对象数组：

var filteredArr = arr.filter(function(obj) {
  return obj.prop === 1;
});

或者使用箭头函数的简化写法：

var filteredArr = arr.filter(obj => obj.prop === 1);

这样，`filteredArr`就是属性`prop`值为1的对象数组。

请注意替换示例中的`arr`和`prop`为实际的对象数组和属性名称。

vue 类似$set 根据key获取值的写法

在 Vue.js 中，可以使用 `$set` 方法来根据 key 获取值。不过需要注意的是，`$set` 方法实际上是用于设置对象属性的值，而不是获取值。在 Vue 中，可以通过 `$data` 属性来获取 Vue 实例的数据对象，然后使用 `[]` 运算符来获取特定 key 对应的值。

下面是一个示例代码：

<template>
  <div>
    <p>{{ $data['key'] }}</p>
    <button @click="getValue('key')">Get Value</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      key: 'value'
    };
  },
  methods: {
    getValue(key) {
      const value = this.$data[key];
      console.log(value); // 输出：value
    }
  }
};
</script>

在这个例子中，模板中使用了双括号绑定语法 `{{ }}` 来展示 `$data['key']` 的值。`getValue` 方法接受一个 key 参数，并通过 `this.$data[key]` 来获取对应的值。当点击按钮时，会调用 `getValue` 方法并将 `'key'` 作为参数传递进去，然后打印出对应的值。

希望这个例子能够帮助你理解在 Vue 中如何根据 key 获取值。如果还有其他问题，请随时提问！