天天看點

Vue怎麼判斷數組、對象(集合)是否為空、屬性是否為空字元傳、json字元串,數組,對象的互相轉換

文章目錄

      • 1: Vue怎麼判斷對象是否為空
      • 2:js判斷對象是否為空對象的幾種方法
      • 3:vue怎麼判斷集合是否為空
      • 4:判斷對象是否存在
      • 5:判斷對象屬性是否為空
      • 6:判斷對象屬性是否存在
      • 7:判斷對象屬性是否為空字元串
      • 8:vue 判斷數組是否為空
      • 9:Vue項目JSON格式字元串和對象之間的互轉
      • 10:字元串與數組之間的互相轉換
      • 30 :參考位址

1: Vue怎麼判斷對象是否為空

Object.keys(xxxx).length==0
           

2:js判斷對象是否為空對象的幾種方法

  1. 1.将json對象轉化為json字元串,再判斷該字元串是否為"{}"
var data = {};
var b = (JSON.stringify(data) == "{}");
alert(b);//true
           
  1. for in 循環判斷
var obj = {};
var b = function() {
for(var key in obj) {
return false;
}
return true;
}
alert(b());//true
           
  1. jquery的isEmptyObject方法

    此方法是jquery将2方法(for in)進行封裝,使用時需要依賴jquery

var data = {};
var b = $.isEmptyObject(data);
alert(b);//true
           
  1. Object.getOwnPropertyNames()方法

    此方法是使用Object對象的getOwnPropertyNames方法,擷取到對象中的屬性名,存到一個數組中,傳回數組對象,我們可以通過判斷數組的length來判斷此對象是否為空

    注意:此方法不相容ie8,其餘浏覽器沒有測試

var data = {};
var arr = Object.getOwnPropertyNames(data);
alert(arr.length == 0);//true
           
  1. 使用ES6的Object.keys()方法

    與4方法類似,是ES6的新方法, 傳回值也是對象中屬性名組成的數組

var data = {};
var arr = Object.keys(data);
alert(arr.length == 0);//true
           

3:vue怎麼判斷集合是否為空

vue 判斷數組是否為空
為空:array == undefined || array.length <= 0 (順序不能調換)

不為空: array !==undefined && array.length > 0 
           

4:判斷對象是否存在

解析:

$.isEmptyObject() 判斷對象是否存在

//對象  為空 true 不為空 false
if(!$.isEmptyObject(object) ){
  console.log('exit object')
}
           

5:判斷對象屬性是否為空

解析:

Object.keys().length : 判斷對象屬性長度 傳回 擷取對象索引 枚舉數組

傳回一個所有元素為字元串的數組,其元素來自于從給定的object上面可直接枚舉的屬性。這些屬性的順序與手動周遊該對象屬性時的一緻。

if(Object.keys(object).length != 0){
  console.log('object not null')
}

           

6:判斷對象屬性是否存在

解析:

hasOwnProperty : 判斷對象屬性是否存在

if(object.hasOwnProperty('name')){
  console.log('exit property')
}
           

7:判斷對象屬性是否為空字元串

Vue怎麼判斷數組、對象(集合)是否為空、屬性是否為空字元傳、json字元串,數組,對象的互相轉換
console.log(Object.keys(res.result.userInfo.extension).length == 0)
           
Vue怎麼判斷數組、對象(集合)是否為空、屬性是否為空字元傳、json字元串,數組,對象的互相轉換

8:vue 判斷數組是否為空

  1. 為空
  1. 不為空:
array !==undefined && array.length > 0 

           

9:Vue項目JSON格式字元串和對象之間的互轉

  1. 将對象轉換為JSON格式字元串
  1. 将JSON字元串轉換為對象
//1:使用JSON.parse()
JSON.parse(jsonString);
//2:使用eval
result = eval('(' + jsonstr + ')'); // jsonstr是json字元串
           

eval和JSON.parse的差別:

eval 是javascript支援的方式,不需要嚴格的json格式的資料也可以轉化

JSON.parse 是浏覽器支援的轉換方式,必須要标準的json格式才可以轉換

10:字元串與數組之間的互相轉換

  1. 字元串轉換為數組
str.split(','); // 以逗号,為拆分的字元串
           
  1. 數組轉換為字元串
arr.join(','); // 把數組項拼接成字元串,以逗号,分隔
           

30 :參考位址

  1. 位址一
  2. 位址二
  3. 位址三
  4. 位址四