JavaScript (Angular) array not returning?

Question

so i am working on emptying a property (polygon) from an array of objects

 deleteAllZones = () => {
        let assetVal = this.asset.$$state.value
        let mapId = this.siMapUtils.mapId;
        console.log('load',assetVal)
        var polygons = assetVal.forEach(function (a) {
                console.log('a.poly',a.polygon)
                return a.polygon
            
        })
        console.log('test',polygons);
        let message = this.$filter('translate')('SI-MESSAGES.DELZONE-MSG');
        let title = this.$filter('translate')('SUBHEADER.DELZONE-TITLE');
        let button = this.$filter('translate')('BUTTON.DELETE');
        this.siAlertDialog.confirm(message, title, button)
        .then(()=>{
            this.siGeography.removePolygonFromMap('showAllAreas', mapId).then(()=>{
            this.toastIt.simple(this.$filter('translate')('SI-MESSAGES.ZONE-DELETED'))

            })
        })
    }

in var polygons i was able to iterate and console just the polygon property of all the object in the array (a.polygon) . But its returning undefined (return a.polygon) when i console 'polygons', but console.log('a.poly',a.polygon) is showing the array in the console

 var polygons = assetVal.forEach(function (a) {
            console.log('a.poly',a.polygon)
            return a.polygon

    })

eventually i want to say polygons = null when this function execute

FuriousD · Accepted Answer · 2017-06-19 22:45:33Z

2

The function you're looking for is Array#Map. This will construct an array with each returned value from the callback function.

Modify this block of code to read:

var polygons = assetVal.map(function (a) {
    console.log('a.poly',a.polygon)
    return a.polygon       
})

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/map?v=control

answered Jun 19, 2017 at 22:45

FuriousD

8545 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jsPlayer Over a year ago

i see that works, so as i described above i am creating this is function to delete the polygons. if i have a service like this 'this.siAsset.updateComponent( _polygons)' to delete the polygons, would i be able to say let _polygons = assetVal.map(function (a) { return a.polygon = [] //empty array }) and pass _polygons as a parameter in that service?

FuriousD Over a year ago

@AnuRajan that will create an array of empty arrays. If you'd like to maintain the structure of each a object, but empty out a.polygon, then you should do: a.polygon = []; return a; inside the map function. First we're modifying the polygon property of a, then we're returning that modified a

Collectives™ on Stack Overflow

JavaScript (Angular) array not returning?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related