vue 中 if...else判断 null undefined空字符串/空对象/是空数组

  created() {
    this.getList()
  },
  mounted() {},
  methods: {
    getList() {
      let name = null
      let name1 = undefined
      let name2 = ''
      let name3 = 0
      let name11 = 1
      let name4 = '0'
      let name12 = '-1'
      let name5 =  {}
      let name6 = []
      let name7 = {
        id: 1,
        value: 10
      }
      let name8 = [
        {id: 1,value: 10}
      ]
      let name9 = true
      let name10 = false
      if (name) { // 等于null不会走进来
        console.log(name)
      }
      if (name1) { // 等于undefined 也不会走进来
        console.log(name1)
      }
      if (name2) { // 等于空字符串也不会走进来
        console.log(name2)
      }
      if (name3) { // 等于0也不会走进来
        console.log(name3)
      }
      if (name11) { // 不等于0可以走进来
        console.log(name11)
      }
      if (name4) { // 等于字符串0也可以走进来
        console.log(name4);
      }
      if (name12) { // 字符串有值就可以走进来
        console.log(name12);
      }
      if (name5) { // 空对象也可以直接走进来
        console.log(name5);
      }
      if (name6) { // 空数组也可以直接走进来
        console.log(name6);
      }
      if (name7) { // 有属性对象 直接走进来
        console.log(name7);
      }
      if (name8) { // 有值得数组 直接走进来
        console.log(name8);
      }
      if (name9) { // 布尔值为true 直接走进来
        console.log(name9);
      }
      if (name10) { // 布尔值为false 不会走进来
        console.log(name10);
      }
      // 判断 空对象不让走进来
      //1. 将json对象转化为json字符串,在判断该字符串是否为"{}"
      let a = JSON.stringify(name5) === '{}'
      console.log('a',a);  // a 等于true
      if (JSON.stringify(name5) !== "{}") {
        console.log('12123311311')
      }
      // 2. for in判断
      let b = this.forName5(name5)
      console.log('b',b); // true  // 不是空对象就返回false  是空对象就返回true
      //3. ES6新语法
      // 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。
      let c = Object.keys(name7)
      console.log('c',c) // 对象有属性返回 ["id,,"value"]
      let d = Object.keys(name5)
      console.log('d',d) // 空对象返回 []  判断数组长度是否大于0即可

      // 判断 空数组不让走进来
      if(name6.length !== 0) {
        console.log('arr1',name6) // 不是空数组走进来
      }
      if(JSON.stringify(name6) !== "[]") {
        console.log('arr2',name6) // 不是空数组走进来
      }
    },

    forName5(name5) {
      for(let key in name5) {
        return false
      }
      return true
    },
  }