![](/img/trans.png)
[英]How do I take an array of objects from state and push a specific value of the objects into a new array
[英]In Typescript 2 how can I take single property from array of objects and assign to new array?
我在TypeScript 2中有这个“模型”:
export class MyModel {
myProperty1: string;
myProperty2: string;
...
}
我也有这门课:
// Leaving out the imports
@Component
...
export class MyClass {
private myArray: Array<MyModel>;
ngOnInit() {
this.myArray = ...// calls a service which returns a populated array of MyModel objects;
}
ngAfterViewInit() {
var newArray: Array<string> = this.myArray ??? // take only myProperty1 from myArray objects and assign to newArray
}
}
如何只在myArray中使用myProperty1并分配给我的新字符串数组?
因此,如果myArray包含两个MyModel类型的元素:
[{"one", "apple"}, {"two", "oranges"}]
然后newArray应该最终包含这两个string类型的元素:
["one", "two"]
使用map()函数。在这种情况下,它获取数组中的每个项目,返回一个属性数组,您可以选择它们。 在我的例子中, prop1
数组。
const arrays = [{prop1: "one", prop2: "apple"}, { prop1: "two", prop2: "oranges"}]; const newArr = arrays.map(item => item.prop1); console.log(newArr);
使用Array.map ,它通过处理每个元素来创建一个新数组。
this.myArray.map(o => o.myProperty1)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.