javascript - 需要将对象名称与计数器变量正确连接

Question

我正在制作这个演示。如何将 years.range 与 counter 连接起来以获得 years.range2[0]？

let years = {
  range1: [200, 2001, 2002, 2003],
  range2: [2004, 2005, 206, 2007]
}

//$('#year').html(years.range1[0]);
let counter = 1;
$('#year').html(years.range + counter + [0]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="year"></div>

Answer 1

尝试从 years 范围对象访问 range2 项:

let years = {
  range1: [200, 2001, 2002, 2003],
  range2: [2004, 2005, 206, 2007]
}

const counter = 2  // <--- gets you `years['range2']` when concatenated

$('#year').html(years[`range${counter}`][0]); 

通过您这样做:$('#year').html(years.range + counter + [0]);

问题是 years.range + counter 会给你正确的数组索引，但 +[0] 会把事情搞砸，因为你说的是​​ add years.range1 包含单个元素的数组 - 0。