好用的JavaScript技巧

分享一些在项目中使用到的一些技巧 会持续更新 ~

1. 有条件的向对象中添加属性

可以使用展开运算符（ ... ）来有条件的向js对象快速添加属性

        const flag = true;
        const person = {
            name: '键盘侠',
            ...(flag && { age: 18 })
        }
        console.log(person);//{age: 18,name: "键盘侠"}

如果 flage 为 false ， JavaScript会做这样的事情 

        const person = {
            name: '键盘侠',
            ...(false)
        }
        console.log(person);//{name: '键盘侠'}

2.检查属性是否存在对象中

可以使用 in 关键字来检查对象中是否存在某个属性

        const person = {
            name: '键盘侠',
            age: 18
        }
        console.log('name' in person);//true
        console.log('age' in person);//true

3.对象中动态属性名

只需要使用 [ ' key name ' ] 来添加属性

        const dynamic = 'age'
        var person = {
            name:'键盘侠',
            [dynamic]:18
        }
        console.log(person);//{name: '键盘侠', age: 18}

 同样的技巧也是可以动态键引用对象属性：

        const keyName = 'name'
        console.log(person[keyName]);//键盘侠