I have an array that looks like this
const array: any[] = []
array.push({ 'Comments': this.comment, 'Name': this.name, 'Description' : this.description })
I pass that array back to a parent component. How can I grab the value that is in Comments?
You can use forEach loop :
const commentArray = [];
array.forEach(function(object) {
var comment = object.Comments;
commentArray.push(comment);
});
//You can store all comments in another array and use it...
console.log("This is comment array...", commentArray);
Or use map but it will work in new browsers possibly ones following ES6:
const commentArray = array.map(function(object) {
return object.Comments;
});
console.log("This is comment array... ", commentArray);
As long as TGW's answer is "correct" and works, I think you should be aware of and use for...of (and for...in) construction, it's superior over Array.forEach (faster, you can use continue and break keywords, better readability) and more often you want to iterate over your array and do things with it, than just get one property (which Array.map is perfect for in this case :) )
You may try for this:
We can also use filter here.
let commentArray:any[];
array.filter(function(object) {
var comment = object.Comments;
commentArray.push(comment);
});
//Store here and use this.
console.log("This is comment array...", commentArray);
You can use Underscore JS for short and better performance like below:
let ids: Array<number> = _.map(this.mylist, (listObj) => {
return listObj.Id;
});
