美文网首页
遍历对象数组 , 遍历对象属性 赋值给 提前定义好form表单

遍历对象数组 , 遍历对象属性 赋值给 提前定义好form表单

作者: 刘淘 | 来源:发表于2020-06-17 23:16 被阅读0次
    
    
    const objData = [{ type: '人类', name: '夏目', age: 17 }, { type: '妖怪', nickName: '猫咪老师', level: '高级' },]
    
    //提前定义好form表单格式
    const human = {
        name: '',
        age: ''
    }
    const cuteAnimal = {
        nickName: '',
        level: ''
    }
    
    for (let key in objData) {
        switch (objData[key].type) {
            case '人类':
                //遍历对象 赋值给form表单
                for (const keyv in objData[key]) {
                    human[keyv] = objData[key][keyv]
                }
                break
            default:
                //cuteAnimal = objData[key]
                for (const keyv in objData[key]) {
                    cuteAnimal[keyv] = objData[key][keyv]
                }
                break
        }
    }
    console.log(JSON.stringify(human)) //{"name":"夏目","age":17,"type":"人类"}
    
    console.log(JSON.stringify(cuteAnimal)) //{"nickName":"猫咪老师","level":"高级","type":"妖怪"}
    

    相关文章

      网友评论

          本文标题:遍历对象数组 , 遍历对象属性 赋值给 提前定义好form表单

          本文链接:https://www.haomeiwen.com/subject/uaoexktx.html