如何传递数据从对象到javascript的新数组？

Question

我只想发送数据对象var arrImg中包含的一个字段。我要推送的第一件事是var arrImg的image字段，其条件是checked为true，并将其放入crudData:{'image'：[]}上的新数组映像中。然后，第二步，我想在条件为checked为true的情况下，将var arrImg的字段名推送到crudData:{'name'：[]}上的新数组名中。选中值首先设置为false，但单击输入复选框时将更改为true。有人理解我问的这个案子吗？我是javascript新手。谢谢

这是我的小提琴https://jsfiddle.net/Annisa_Lianda30/d0ber5Lu/3/

这是我的代码：

<script>
export default {
    data() {
        return{
            crudData:{
                'id': null,
                'name': [],
                'image': [],
                'arrImage': [],
            },
        }
    },

    methods: {
        imageUploaded(e, maxItem){                    
            let input = this.$refs.uploadImage
            let file = input.files
            if(file.length > (maxItem - this.crudData.arrImage.length)){
                $('#uploadMultiFile').val('')
                alert('You can only upload max '+maxItem+' items')
            } else {
                for(let i = 0; i < file.length; i++){
                    var valueArr = this.crudData.arrImage.map(function(item){ return item.fileName })
                    var isDuplicate = valueArr.some(function(item, idx){ 
                        return item == file[i].name 
                    })
                    if (isDuplicate) {
                        alert("You've already uploaded this file")
                        continue
                    }else{
                        var arrImg = {
                            blob: URL.createObjectURL(file[i]),
                            image: file[i],
                            fileName: file[i].name,
                            checked: false,
                            name : null
                        }
                        this.crudData.arrImage.push(arrImg)
                        console.log(this.crudData.arrImage)
                    }
                }
            }

        },
        uploadImage(e){
            this.$refs.uploadImage.click()
        },
        removeImage(key){
            this.crudData.arrImage.splice(key, 1)
        }, 
    }

}

这是我从crudD得到的输出ata.arr图像：输出Javascript

Answer 1

欢迎来到SO。希望这个代码片段能帮助您找到您想要的东西。

let checkedImages = this.crudData.arrImage.filter(img => img.checked)
let imageFiles = checkedImages.map(img => img.image)
let names = checkedImages.map(img => img.name)
console.log({ imageFiles,names })