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

Posted 2023-02-22

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

【英文标题】：How to fetch particular data from array of objects and store in new array in js (vue js)

【发布时间】：2021-08-15 14:24:29

【问题描述】：

我有这个对象数组

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"
       ,   
]

【问题讨论】：

上面的sn-p不是有效的JS代码。假设 detail 是一个对象数组，您可以通过 let result = detail.map(item => (Price: item.Price))

您可以使用此处显示的答案：how to map more than one property from array of object in javascript

是的，你是对的，但我之前没有看过 map 函数，现在它与 map 函数一起工作。谢谢@EugeneKarataev

【参考方案1】：

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

因此，在您的情况下，您将返回一个具有键 Price 的对象，其值将是当前对象，其值为 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);

【讨论】：

我还有一个问题，如果 Price 是一个对象数组怎么办。如何访问该键值？ @RanTurner

【参考方案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);

其他文档

Destructuring assignment。