ECMAScript中null,undefinedy以及空字符的判断

ECMAScript中null,undefinedy以及空字符的判断

1、null ,undefined,’ '这三种直接判断是false,而[ ],{ }直接判断是true。

import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';

interface AppProps { }
interface AppState {
  name: string;
}

class App extends Component<AppProps, AppState> {
  constructor(props) {
    super(props);
    this.state = {
      name: 'React'
    };
  }

  render() {
    let u = undefined;
    let n = null;
    let s ='';
    if(u){
      console.log('u返回的boolean值',true)
    }else{
       console.log('u返回的boolean值',false)
    }
    if(n){
      console.log('n返回的boolean值',true)
    }else{
       console.log('n返回的boolean值',false)
    }
    if(s){
      console.log('s返回的boolean值',true)
    }else{
       console.log('s返回的boolean值',false)
    }

    const a=[];
    const a1=[1,2,3];
    const b={};
    const b1={name:'张三',age:'12'};


    if(a){
      console.log('a返回的boolean值',true)
    }else{
       console.log('a返回的boolean值',false)
    }
    if(b){
      console.log('b返回的boolean值',true)
    }else{
       console.log('b返回的boolean值',false)
    }
    return (
      <div>
        <Hello name={this.state.name} />
      </div>
    );
  }
}

render(<App />, document.getElementById('root'));

2、 在上面的基础上加一个!将原来的类型转换成boolean类型并取反