Access array of objects properties value in Angular

Hi ramitaherwahd...,

Refer this example.

JavaScript

<script type="text/javascript">
    var data = {
        folders: [
            { name: "FamilyDocuments2024", path: "FamilyDocuments2024" },
            { name: "test", path: "test" }
        ]
    };
    var foldersName = Object.keys(data.folders)
        .map(function (index) {
            return data.folders[index].name;
        });
    alert(foldersName.join(", "));
</script>

Demo

I found the solution:

this.housingService.listFamilyFolders().subscribe(thedata => {
this.test = JSON.stringify(thedata,["folders","name","path"]);
const test2 = JSON.parse(this.test);

this.foldersName = Object.keys(test2.folders)
    .map(function (index) {
    return test2.folders[index].name;
});

this.foldersPath = Object.keys(test2.folders)
    .map(function (index) {
         return test2.folders[index].path;
     });
});