Javascript 如何避免在react或ES6中多次使用if条件

Javascript 如何避免在react或ES6中多次使用if条件,javascript,reactjs,Javascript,Reactjs,我正在尝试验证数据对象属性及其值 我尝试了下面的方法,而不是写if-else let data = {name: "aa", phone: 1, email: "", address: "", age: 0, gender: " "} let selectedmemberStatus = true; if(data.name == "" || data.name.length < 2) selectedmemberStatus = false; if(data.ph

我正在尝试验证数据对象属性及其值

我尝试了下面的方法,而不是写if-else

let data = {name: "aa", phone: 1, email: "", address: "", age: 0, 
     gender: " "}

let selectedmemberStatus = true;
if(data.name == "" || data.name.length < 2) selectedmemberStatus = 
    false;
if(data.phone == "") selectedmemberStatus = false;
if(data.email == "") selectedmemberStatus = false;
if(data.address == "" || data.address.length < 3) 
   selectedmemberStatus = false;
if(data.age == "" || data.age == 0) selectedmemberStatus = false;
if(data.gender == "") selectedmemberStatus = false;
let data={name:“aa”,电话:1,电子邮件:,地址:,年龄:0,
性别:“}”
让selectedmemberStatus=true;
如果(data.name==“”| | data.name.length<2)selectedmemberStatus=
错误的
如果(data.phone==“”)选择了MemberStatus=false;
如果(data.email==“”)选择了MemberStatus=false;
if(data.address==“”| | data.address.length<3)
selectedmemberStatus=false;
如果(data.age==“”| | data.age==0)选择了MemberStatus=false;
如果(data.gender==“”)选择了MemberStatus=false;

建议将代码最小化的最佳方法。谢谢

我想将此逻辑移动到一个单独的函数会更具可读性和灵活性,如下所示:

\u hasValidMemberStatus(数据){
常数{
名称
电话
电子邮件
住址
年龄
性别
}=数据;
const hasCorrectName=!!name&&name.length>1;
const hasCorrectPhone=!!电话;
const hasCorrectEmail=!!电子邮件;
const hasCorrectAddress=!!address&&address.length>2;
const hasCorrectAge=!!年龄和年龄!==0;
const hasCorrectGender=!!性别;
返回(
hasCorrectName&&
手机&&
HasCorrect电子邮件&&
地址正确&&
有校正&&
有正确的性别
);
}
const data={name:'aa',电话:1,电子邮件:'',地址:'',年龄:0,性别:'};
const selectedMemberStatus=\u hasValidMemberStatus(数据);