tnblog
首页
视频
资源
登录

uni-app数组的一些用法

26441人阅读 2021/6/21 18:10 总访问:69215 评论:0 收藏:0 手机
分类: Uni_App

  前  言

uni-app

 一些uni-app数组的常见用法。


数组常见用法:
     filter()方法
       
创建一个新的数组,新数组的元素是符合指定条件的元素,不会检测空数组,不会改变原来的数组。

     map()方法
        
返回一个新的数组,新数组的元素是原数组的元素按照顺序依次处理后的值

     foreach()方法
       
循环,调用数组的每个元素,传递给回调函数,不可以结束循环。
例:将数组的数据循环添加进一个新数组

     concat()方法
        
合并数组。合并数组和参数,合并数组和数组

      join()方法
        
把数组中的所有元素放入一个字符串。
元素是通过指定的分隔符进行分隔的。

     push()方法
        
在数组的末尾增加元素,可以一次增加多个元素
   
     pop()方法
        
在数组的末尾删除一个元素

     shift()方法
        
删除数组的第一个元素

     unshift()方法
        
在数组的开头增加元素,可以一次增加多个元素

     splice()方法
        
删除、插入替换元素。
语法:this.arr.splice(index, num, value)

     sort()方法
        
对数组进行排序

    reverse()方法
       
 将数组进行反转

     slice()方法
        从数组中返回指定的元素
语法:arr.slice(start,end),即:要返回元素的起始和结束位置。
start  必需。规定从何处开始选取。如果是负数,那么就从数组尾部开始计算位置。-1 指最后一个元素。

end   可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

    find()方法
        
返回符合要求的第一个数组元素。

    findIndex()方法

        返回符合函数条件的数组元素下标,数组中的每个元素都调用一次函数执行:空数组不会执行。
返回符合条件元素在数组里的第一个元素位置,没有符合条件的元素返回-1。

        
     some()方法
        检测数组中的元素是否满足指定条件,依次执行数组的每个元素:

如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。

如果没有满足条件的元素,则返回false。

     every()方法       

        使用指定函数检测数组中的所有元素是否都满足条件,空数组不会执行。

如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。

如果所有元素都满足条件,则返回 true。

评价

uni-app开始时间与结束时间(结束时间大于开始时间)picker编写

利用uni-app官网里面picker插件代码当点击开始时间后结束时间要大于选择后的开始时间,点击结束时间后开始时间要小于开始时...

uni-app用法与html标签的变化

以前是html标签,比如,现在是小程序组件,比如。那么标签和组件有什么区别,不都是用尖括号包围起来一段英文吗?其实标签...

uni-app无法导入插件

点击网页中右上角的插件导入,可以打开项目,但是就是无法导入插件。是因为,要登录!hbuilder里边也要登录才行,他这个应...

使用uni-app的云端一体插件

初次使用uni-app的云端一体插件步骤还是有点多,也有一些坑,在这里把使用过程记录一下。 一:先下载需要的插件在插件右上...

uni-app中list插件图标问题

如图:他使用uni-icons实现的如果只有text就不会有图标有时候贴的文档不是太完善,还是要下一个完整的插件来对比一下

uni-app发起请求

代码如下:uni.request({ url:'接口地址', success:(result)=>{ my.lists=result.data; } })注意你的...

uni-app官方文档

https://uniapp.dcloud.io/

uni-app运行与调试

上边有菜单,可以运行到浏览器,也可以运行到内置浏览器运行到内置浏览器的效果:

uni-app引入外部资源,引入外网样式

很简单代码如下:<style> @import'http://image.tnblog.net/amazeui.min.css'; </style> <st...

uni-app设置起始页

很简单,在pages.json里边配置即可。

uni-app页面无法跳转问题

首先检查一下有没有在pages里边配置没有配置不行的哦或者看看你的跳转方式对不对,如果跳转的是底部菜单,但是你用的是uni....

uni-app 删除失败 setting denied access to....

删除的时候如果文件夹下面还有页面,这样直接删除文件夹是会报错的:删除失败 setting denied access to....这种情况就直接...

uni-app中引入外部js

可以使用代码如下:varscript=document.createElement('script'); script.src="http://image.tnblog.net/jqu...

uni-app dom操作

比如引入外部js需要用到的dom操作:varscript=document.createElement('script'); script.src="http://image....

uni-app使用web-view引入页面

代码如下:<template> <viewclass="h5-html"> <web-view:webview-styles="webviewStyl...

uni-app真机调试

很简单只要手机开启了usb调试,然后hbuilderx会自动获取到手机的然后运行到手机即可华为手机开启use调试:一直点击版本号进...
我们太有限了。
排名
39
文章
10
粉丝
4
评论
3
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术