JavaScript(Angular)数组没有返回？

Question

所以我正在努力从对象数组中清空属性(多边形)

 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'))

            })
        })
    }

在 var Polygons 中，我能够迭代和控制台数组 (a.polygon) 中所有对象的多边形属性。但当我控制台“多边形”时，它返回未定义(返回a.polygon)，但console.log('a.poly'，a.polygon)在控制台中显示数组

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

    })

最终我想说当这个函数执行时 Polygons = null

Answer 1

您要查找的函数是Array#Map。这将使用回调函数的每个返回值构造一个数组。

将此代码块修改为:

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