如何从对象数组中获取特定数据并存储在js（vue js）中的新数组中

Question

我有这个 object 数组

let detail : [ 
       0: {
            Code: "Code 1"
            Price: "0.00"   
          },           

       1: {
            Code: "Code 2"
            Price: "9.00"   
          }
]

我想将价格存储在一个数组中（例如：结果），以便我可以将它与对象的另一个现有数组合并（例如：alldetail）

result = [
    0: {
          Price:"0.00"
       },
    1: {
          Price:"9.00"
       },   
]

Answer 1

使用map()方法创建一个新数组，该数组填充了提供的 function 在调用数组中的每个元素上执行的结果。

因此，在您的情况下，您将返回一个带有键 Price 的 object ，其值将是当前的 object 及其 Price 属性的值。

 let detail = [ { Code: "Code 1", Price: "0.00" }, { Code: "Code 2", Price: "9.00" } ]; let result = detail.map(current => {return {Price: current.Price}}); console.log(result);

Answer 2

使用map创建一个新的对象数组。

 const detail = [ { Code: "Code 1", Price: "0.00" }, { Code: "Code 2", Price: "9.00" } ]; const result = detail.map(({ Price }) => ({ Price })); console.log(result);

附加文件

• 解构赋值。