js 數組中自定義屬性的應用

Donald 發布于2019-08-19 18:22 / 1857人閱讀

摘要：數組，簡單清晰，即可表示一個完整的數組如果此時查看數組長度就是說數組本身是有屬性的，這樣一來，我們就可以添加自己需要的屬性了查看修改的值說了這么多，這有什么用就是一個自定義屬性而已。

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 = data.list;
    //獲取到數據后，會返回這個list,此時，如果list是空的，那么，showList就沒有發生變化
});

當返回為空時，那么該如何通過判斷showList.length的變化來修改頁面提示信息呢？（正在獲取數據.../暫無數據）

此時就需要給showList添加一個自定義屬性load,

var showList = [];

showList.load = false;
ajax(url,function(data){
    showList.load = true;
    showList = data.list;
});

前臺就可以根據load狀態進行判斷提示了（showList.load?"正在獲取數據...":"暫無數據"）

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

GPU云服務器云服務器 js定義多維數組 js自定義一個偽數組定義數組的方法二維數組的定義

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79504.html

為VUE 腳手架中自定義title標簽頁小圖標

摘要：效果如圖所示一在項目同級目錄下添加文件二在項目中引入三配置配置文件文件夾下面在下面兩個配置文件中加入具體位置四重新運行項目效果如圖所示: showImg(https://segmentfault.com/img/remote/1460000018900485?w=1526&h=834); 一、在項目index.html同級目錄下添加favicon.ico文件 showImg(htt...

livem 2019-08-23 16:59 評論0 收藏0
關于Angularjs中自定義指令一些有價值的細節和技巧

摘要：屬性為時，指示優先級小于當前指令的指令都不執行，僅執行到本指令。作者：心葉時間：2018-04-22 10:58 一：自定義指令常用模板下面是大致的說明，不是全面的，后面來具體說明一些沒有提及的細節和重要的相關知識： angular.module(yelloxingApp, []).directive(uiDirective, function() { return { ...

Markxu 2019-08-22 16:35 評論0 收藏0
redux 源碼分析，實現一個迷你的redux

摘要：實現一個先不考慮中間件，實現一個簡潔的實現是最主要的一個了，通過可以創建一個用來存放應用中所有的，一個應用只能有一個。方法是用來把每一個用方法包裹一下，因為可能只是返回一個具有屬性的對象，只有用執行才有意義。正好可以利用的特性實現這個效果。實現一個redux 先不考慮中間件，實現一個簡潔的redux 實現createStore createStore是redux最主要的一個API了，...

Ashin 2019-08-26 13:37 評論0 收藏0
理解javascript類數組

摘要：也就是說，為一些常規對象增加一些屬性可以使其變成類數組對象。實際上，類數組的定義只有一條，具有屬性。在中，所有的數組方法都是通用的。什么是類數組 javascript中一些看起來像卻不是數組的對象，叫做類數組。也就是說，為一些常規對象增加一些屬性可以使其變成類數組對象。類數組的特征：有索引（數字）屬性和length屬性的對象不具有數組的方法。間接調用數組的一些方法，比如pus...

yzzz 2019-08-22 15:01 評論0 收藏0
前端知識點總結——Angular

摘要：前端知識點總結一概述基于命令行的開發方式編譯工作集成了打包工具。。。。在瀏覽器中接管展現應用的內容，并根據我們提供的操作指令響應用戶的交互。在開發時，八大組成部分模塊組件模板自帶的標簽指令綁定相關的的語法元數據告訴如何處理一個類。前端知識點總結——Angular 一、Angular概述基于命令行的開發方式？ ①hot reload ②編譯工作 ③集成了webpack打包工具。。。...

BaronZhang 2019-08-22 16:01 評論0 收藏0