javascript - Javascript - 如何使用变量作为键检查数组的值

Question

假设我有一个像这样的简单数组：

const arr = {
    name: 'Lorem',
    age: 'Ipsum',
}

我将如何检查name基于变量的值，例如，在单击按钮时设置？这是我尝试过的：

const arr = {
    name: 'Lorem',
    age: 'Ipsum',
}

$('button').click(function(e) {
  e.preventDefault();
  var key = $(this).attr('data-key');
  // this:
  console.log(arr.key);
  // should return the same result as this:
  console.log(arr.name);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button data-key="name">Click Me</button>

标签： javascript

Answer 1

使用括号表示法：

const arr = { name: 'Lorem', age: 'Ipsum' };

$('button').click(function(e) {
  e.preventDefault();
  const key = $(this).attr('data-key');
  console.log(arr[key]);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button data-key="name">Click Me</button>