js 数组中自定义属性的应用

Donald 发布于2019-08-19 18:22 / 1744人阅读

摘要：数组，简单清晰，即可表示一个完整的数组如果此时查看数组长度就是说数组本身是有属性的，这样一来，我们就可以添加自己需要的属性了查看修改的值说了这么多，这有什么用就是一个自定义属性而已。

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自定义一个伪数组定义数组的方法二维数组的定义

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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