js 陣列中自定義屬性的應用

2021-09-19 06:48:30 字數 910 閱讀 6315

js陣列,簡單清晰,

var arr = ;
即可表示乙個完整的陣列

如果此時檢視陣列長度

console.log(arr.length)

//0

就是說陣列本身是有屬性的,這樣一來,我們就可以新增自己需要的屬性了

arr.load = false;
檢視load

console.log(arr.load)

//false

修改load的值

arr.load = true;
說了這麼多,這有什麼用?就是乙個自定義屬性而已。

別急,好戲在後面。

前端在通過ajax獲取後台資料時,列表通常返回陣列形式

前台展示列表:

//預設值

var showlist = ;

ajax獲取值:

//獲取前,頁面會提示正在獲取資料

ajax(url,function(data));

當返回為空時,那麼該如何通過判斷showlist.length的變化來修改頁面提示資訊呢?(正在獲取資料.../暫無資料)

此時就需要給showlist新增乙個自定義屬性load,

var showlist = ;
showlist.load = false;

ajax(url,function(data));

前台就可以根據load狀態進行判斷提示了(showlist.load?'正在獲取資料...':'暫無資料')

沒有太多技術含量,小技巧幫大忙

js自定義屬性

1 js中設定自定義屬性。例如 div info attr testattr3 houhou 結果 給div設定了新的自定義屬性testattr3,值為houhou 2 js中獲取自定義屬性值。例如 div info attr testattr 結果 取到testattr的值為 myattr 3 j...

js自定義屬性

1 js中設定自定義屬性。例如 div info attr testattr3 houhou 結果 給div設定了新的自定義屬性testattr3,值為houhou 2 js中獲取自定義屬性值。例如 div info attr testattr 結果 取到testattr的值為 myattr 3 j...

js 自定義屬性

自定義屬性操作 1.獲取屬性值 區別 2.設定屬性值 區別 3.移除屬性 h5自定義屬性 1.h5規定自定義屬性 2.獲取h5自定義屬性 1.相容性獲取 element.getattribute data index 2.h5新增 elemen.dataset.index 或者 element.da...