美文网首页
遍历对象数组 , 遍历对象属性 赋值给 提前定义好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