如何从对象数组中获取最后三个值

Question

我有一个包含几个值的对象数组。我只想获取最后三个值（所有者姓氏、颜色和树皮）。我正在使用 React 和 Typescript。

我尝试使用切片或长度但失败了。

const myValues: MyValues<string>[] = [
   {
    name: "Lucky",
    surname: "Luck",
    age: "3",
    breed: "Shepherd",
    owner: "Paul",
    ownerSurname: "Luck",
    color: "Brown",
    bark: "All the time",
  },
]

const newData = myValues.slice(-3)
<MyComponent value={newData}/>

Answer 1

这与简单的 Javascript 更多相关，而不是 React。

如果你真的想知道，首先你需要“获取”对象本身，在这种情况下，因为它是一个只有一个元素的数组，所以只需选择

[0]

索引即可。

const myValues: MyValues<string>[] = [
   {
    name: "Lucky",
    surname: "Luck",
    age: "3",
    breed: "Shepherd",
    owner: "Paul",
    ownerSurname: "Luck",
    color: "Brown",
    bark: "All the time",
  },
]

const obj = myValues[0];

const newObj = { 
  ownerSurname: obj.ownerSurname, 
  bark: obj.bark, 
  color: obj.color 
};

<MyComponent value={newObj}/>

这些是javascript的基本功能，与React无关。 也许您需要找到更多有关对象和数组在 Javascript 中如何工作的基础课程。