如何 select 数组中对象的值

Question

我无法弄清楚如何 select 从我的状态数组中的对象获取值。我有以下数组：

[
 {
  name: bench,
  weight: 200,
  percentages: [200,...]
 },
 {
  name: squat,
  weight: 300,
  percentages: [300,...]
 }
]

在我的应用程序上，我希望能够 select 基于名称的对象的重量或百分比。例如，如果我 select 'bench'，我想在 return 中得到 '200' 和 '[200,...]'。现在，我正在对数组进行映射，并且无论我选择哪个名称，都可以获得每个权重和百分比。我怎样才能只得到相应名称的那些？任何帮助将不胜感激。

Answer 1

array.find()搜索数组，returns第一个符合条件的元素：

const data = [
 {
  name: "bench",
  weight: 200,
  percentages: [200,400]
 },
 {
  name: "squat",
  weight: 300,
  percentages: [300,600]
 }
];

const selected = data.find((e) => e.name === "bench");
console.log("Weight", selected.weight);
console.log("Percentages", selected.percentages);

如何 select 数组中对象的值

How to select a value from an object in an array

javascript

arrays

mapping

state

reactjs