js 數(shù)組中自定義屬性的應(yīng)用

Donald 發(fā)布于2019-08-19 18:22 / 1876人閱讀

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

js數(shù)組，簡(jiǎn)單清晰，

var arr = [];

即可表示一個(gè)完整的數(shù)組

如果此時(shí)查看數(shù)組長(zhǎng)度

console.log(arr.length)
//0

就是說數(shù)組本身是有屬性的，這樣一來，我們就可以添加自己需要的屬性了

arr.load = false;

查看load

console.log(arr.load)
//false

修改load的值

arr.load = true;

說了這么多，這有什么用？就是一個(gè)自定義屬性而已。
別急，好戲在后面。

前端在通過ajax獲取后臺(tái)數(shù)據(jù)時(shí)，列表通常返回?cái)?shù)組形式

前臺(tái)展示列表：

//默認(rèn)值
var showList = [];

ajax獲取值：

//獲取前，頁(yè)面會(huì)提示正在獲取數(shù)據(jù)
ajax(url,function(data){
    showList = data.list;
    //獲取到數(shù)據(jù)后，會(huì)返回這個(gè)list,此時(shí)，如果list是空的，那么，showList就沒有發(fā)生變化
});

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

此時(shí)就需要給showList添加一個(gè)自定義屬性load,

var showList = [];

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

前臺(tái)就可以根據(jù)load狀態(tài)進(jìn)行判斷提示了（showList.load?"正在獲取數(shù)據(jù)...":"暫無數(shù)據(jù)"）

沒有太多技術(shù)含量，小技巧幫大忙

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79504.html

相關(guān)文章

為VUE 腳手架中自定義title標(biāo)簽頁(yè)小圖標(biāo)

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

livem 2019-08-23 16:59 評(píng)論0 收藏0
關(guān)于Angularjs中自定義指令一些有價(jià)值的細(xì)節(jié)和技巧

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

Markxu 2019-08-22 16:35 評(píng)論0 收藏0
redux 源碼分析，實(shí)現(xiàn)一個(gè)迷你的redux

摘要：實(shí)現(xiàn)一個(gè)先不考慮中間件，實(shí)現(xiàn)一個(gè)簡(jiǎn)潔的實(shí)現(xiàn)是最主要的一個(gè)了，通過可以創(chuàng)建一個(gè)用來存放應(yīng)用中所有的，一個(gè)應(yīng)用只能有一個(gè)。方法是用來把每一個(gè)用方法包裹一下，因?yàn)榭赡苤皇欠祷匾粋€(gè)具有屬性的對(duì)象，只有用執(zhí)行才有意義。正好可以利用的特性實(shí)現(xiàn)這個(gè)效果。實(shí)現(xiàn)一個(gè)redux 先不考慮中間件，實(shí)現(xiàn)一個(gè)簡(jiǎn)潔的redux 實(shí)現(xiàn)createStore createStore是redux最主要的一個(gè)API了，...

Ashin 2019-08-26 13:37 評(píng)論0 收藏0
理解javascript類數(shù)組

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

yzzz 2019-08-22 15:01 評(píng)論0 收藏0
前端知識(shí)點(diǎn)總結(jié)——Angular

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

BaronZhang 2019-08-22 16:01 評(píng)論0 收藏0