【WXS数据类型】Array

属性:

名称值类型说明
[Array].constructor[String]返回值为“Array”,表示类型的结构字符串
[Array].length[Number]返回数组长度

 

方法:

原型:[Array].toString()
说明:将数组转换成字符串,用逗号分隔每个元素

 

原型:[Array].concat( array1, array2, ... arrayX )
说明:连接多个数组,返回连接后的数组副本,它不会改变原数组(array)
参数:array1    [必需 Array]array2....arrayX    [可选]

 

原型:[Array].join( separator )
说明:把数组中的所有元素以指定的分隔符组成一个字符串
参数:separator    [可选 String] 指定分隔符,不设置时用逗号分隔

 

原型:[Array].pop()
说明:函数返回数组[array]的最后一个元素,同时会将[array]的最后一个元素删除。(更改了array的值)

 

原型:[Array].shift()
说明:函数返回数组[array]的第一个元素,同时会将[array]的第一个元素删除。(更改了array的值)

 

原型:[Array].unshift( newElement1, newElement2, ... newElementX)
说明:向数组的开头添加一个或更多元素,并返回新的长度。(更改了array的值)
参数:newElement1    [必需 任意类型] 要添加的元素值newElement2...newElementX    [可选 任意类型]

 

原型:[Array].push( newElement1, newElement2, ... , newElementX)
说明:数组的末尾添加一个或多个元素,并返回新的长度。(更改了array的值)
参数:newElement1    [必须 任意值]newElement2...    [可选]

 

原型:[Array].reverse()
说明:颠倒数组中元素的顺序。(更改了array的值)
返回:[Array]

 

原型:[Array].sort( sortby )
说明:对数组的元素进行排序。(更改了array的值)
参数:sortby    [可选 函数] 规定排序顺序。

 

原型:[Array].slice( start, end )
说明:返回数组[Array]指定起始位置与结束位置的元素,并组合成新的数组
返回:[Array] 没有结果时返回空数组[]
参数:
start [必需 Number] 起始位置,支持负值,同String.slice参数
end [可选 Number] 结束位置

 

原型:[Array].splice( index, howMany, item1, ... itemX)
说明:删除数组指定位置后的指定个数的元素,同时也可以用新的元素值替换被删除元素的位置(更改了array的值)
参数:index    [必需 Number] 整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howMany    [必需 Number] 要删除的项目数量。如果设置为 0,则不会删除项目。
item1... [可选] 向数组添加的新项目(添加在删除掉的位置)。 返回: [Array] 返回删除掉的数组

 

原型:[Array].indexOf( element )
说明:返回数组中某个指定的元素位置。值-1表示没有找着,该方法将从头到尾地检索数组

 

原型:[Array].lastIndexOf( element )
说明:返回一个指定的元素在数组中最后出现的位置,值-1表示没有找着,该方法将从尾到头地检索数组

 

原型:[Array].every( function(item, index, arr){} )
说明:用于检测数组所有元素是否都符合指定条件(通过函数提供)
返回:true | false
参数:function(item, index, arr)item    必须。当前元素的值index   可选。当前元素的索引值arr     可选。当前元素属于的数组对象示例:var ages = [32, 33, 16, 40];function checkAdult(age) {
return age >= 18;
}
function myFunction() {return ages.every(checkAdult);}

   说明:

       every会将数组ages内每个元素执行一次checkAdult,即会执行以下函数:
       checkAdult(32, 0, ages); // 返回 true
       checkAdult(33, 1, ages); // 返回 true
       checkAdult(16, 2, ages); // 返回false
       // checkAdult(40, 3, ages); 这段不会被执行,因为上段返回了false

 

原型:[Array].some( function(item, index, arr){} )
说明:功能是检测数组内是否含有满足条件的元素
返回:true | false
参数:同[Array].every( function()... );
说明:一旦检测到含有符合条件的元素,则中止执行

 

原型:[Array].forEach( function(item, index, arr){} )
说明:用于调用数组的每个元素,并将元素传递给回调函数。
返回:无
参数:同[Array].every( function()... );

 

原型:[Array].map( function(item, index, arr){} )
说明:返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。它不会更改原数组的值
示例:
var arr = [1,2,34,5,6, 34,5,67];
var newArr = arr.map(function(item, index, arr){return item   index;
})
// 说明:将数组内的每个元素值 加上其索引值生成新的数组

 

原型:[Array].filter( function(item, index, arr){} )
说明:返回数组内符合条件的元素
参数:function(item, index, arr){} 同every该函数返回true表示元素值符合条件,否则不符合条件
示例:
var arr = [1,2,34,5,6, 34,5,67];var newArr = arr.filter(function(item, index, arr){return item>20;})
console.log( newArr ) // 结果: [34,34,67]

 

原型:[Array].reduce( function(total, item, index, arr){} )
说明:将数组中的元素按从左到右的顺序,计算为一个值
参数:function(total, item, index, arr){}total 必需。初始值, 或者计算结束后的返回值。其它参数同every
示例:
var arr = [1,2,3];
var t = arr.reduce(function(total, item, index, arr){ total = total   item;return total})
console.log( t ) // t= 1 2 3

 

原型:[Array].reduceRight( function(total, item, index, arr){} )
说明:将数组中的元素按从右到左的顺序,计算为一个值
参数:function(total, item, index, arr){}total 必需。初始值, 或者计算结束后的返回值。其它参数同every
示例:
var arr = [1,2,3];
var t = arr.reduce(function(total, item, index, arr){ total = total   item;return total})
console.log( t ) // t= 3   2   1

 


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/362596.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Mschart图表制作

首先一次安装这三个 (1).Microsoft .NET Framework 3.5 的 Microsoft 图表控件 (2).Microsoft .NET Framework 3.5 语言包的 Microsoft 图表控件 (3).Microsoft Chart Controls Add-on for Microsoft Visua…

vue打包后,font格式错误

本地测试没有问题,项目打包以后,浏览器打开控制台,提示font格式错误: 把我的双引号给去掉了。。。-^- 不开心。 解决办法: 1. 把 font: 字体粗细 字体大小/行高 "字体样式"; 分开来写。 改成:…

获取可用密码算法的列表

您如何学习可用的密码算法? Java规范列出了几种必需的密码,摘要等,但是提供程序通常提供的不止这些。 幸运的是,这很容易了解我们系统上的可用内容。 public class ListAlgorithms {public static void main(String[] args) {//…

【...】小程序扩展运算符 ... 说明

小程序扩展运算符 ... &#xff0c;用来将一个对象展开。 以下示例&#xff1a; 1 <template is"objectCombine" data"{{...obj1, ...obj2, e: 5}}"></template> 1 Page({2 data: {3 obj1: {4 a: 1,5 b: 26 },7 o…

fhq_treap || BZOJ 3224: Tyvj 1728 普通平衡树 || Luogu P3369 【模板】普通平衡树

题面&#xff1a;【模板】普通平衡树 代码&#xff1a; 1 #include<cstdio>2 #include<cstring>3 #include<iostream>4 #include<cstdlib>5 using namespace std;6 inline int rd(){7 int x0,f1;char cgetchar();8 while(c<0||c>9){if(c…

关于Zend framework 里一段代码的疑问

初学框架 看了一些代码 有一些疑问 在此记录 1 publicfunction__isset($key)2 {3 returnthis->_engine->get_temlate_vars($key)!null;4 }我想这个函数返回的一定是一个bool值 但不知道get_temlate_vars($key)!null 这里面的!是怎么个用法 希望有知道的能告诉我一声 谢谢…

html笔记(四)弹性盒+响应式

大标题小节一、弹性盒1. 标准盒模型和怪异盒模型2. 弹性盒dipalay3. 与display配合使用的其他属性4. 弹性盒的对齐方式5. 弹性盒的默认特性二、响应式布局1. 媒体查询2. 怎样使用媒体查询3. 优缺点以及使用场景4. Meta 标签的定义5. 常见的属性操作三、多列布局四、移动端布局1…

【app.json】配置说明,不断更新中

app.json文件用来对微信小程序进行全局配置&#xff0c;决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 注意&#xff1a; 1) json配置中键名、键值必须使用双引号&#xff0c;不能使用单引号。 2) 以下配置中除了page字段是必需设置&#xff0c;其它项目…

使用Java泛型的模板方法模式示例

如果发现除了某些部分外&#xff0c;您的许多例程完全相同&#xff0c;那么您可能需要考虑使用Template Method来消除容易出错的代码重复 。 这是一个示例&#xff1a;下面是两个做类似事情的类&#xff1a; 实例化并初始化Reader以从CSV文件读取。 阅读每一行并将其分解为令…

golang 使用错误总结

以下是平时一些总结&#xff0c;伙伴们如发现有误或者更好解决方案/其他一些问题一起分享出来&#xff0c;互相学习&#xff0c;共同进步 1 win下编译linux golang 可执行文件 &#xff0c;服务器上无法运行 几种问题定位&#xff1a; 1 查看服务器报错日志定位 2 查看web服务器…

享受Android应用程序的Java技术盛宴

Java™ 语言是 Android 开发人员所选的工具。Android 运行时使用自己的虚拟机Dalvik&#xff0c;这并不是多数程序开发人员使用的普通Java 虚拟机。Dalvik支持Java 编程语言的大部分功能——但并不是全部。在本文中&#xff0c;您将学习高级Java功能及其如何在Android中实现。这…

echarts地图在ie浏览器上不显示

前面是安装及上手教程&#xff0c;参考了彩色泡泡 和 winne雪 的博客。 如果已经写好了&#xff0c;可以直接跳到 问题总结。 1. npm install echarts --save 2. 在 main.js 中 import echarts from echarts; Vue.prototype.$echarts echarts;3. 在页面上 import china fr…

字符串反转

<script> var mystring我是王大昭啊! mystringmystring.split().reverse().join() alert(mystring); </script> 更多专业前端知识&#xff0c;请上 【猿2048】www.mk2048.com

虚拟主机上快速安装kail

官方文档的筛选 【1】Kali Linux是什么? Kali Linux是一个高级渗透测试和安全审计Linux发行版. Kali Linux 特性 Kali是BackTrack Linux完全遵循Debian开发标准的完整重建.全新的目录框架、复查并打包所有工具、还为VCS建立了Git 树. 超过300个渗透测试工具: 复查了BackTrack里…

asp.net 跨页面传值(一)

1. 使用QueryString变量  QueryString是一种非常简单的传值方式&#xff0c;他可以将传送的值显示在浏览器的地址栏中。如果是传递一个或多个安全性要求不高或是结构简单的数值时&#xff0c;可以使用这个方法。但是对于传递数组或对象的话&#xff0c;就不能用这个方法了。下…

Java并发教程–线程之间的可见性

当在不同线程之间共享对象的状态时&#xff0c;除了原子性外&#xff0c;其他问题也会发挥作用。 其中之一是可见性。 关键事实是&#xff0c;如果没有同步&#xff0c;则不能保证指令按照它们在源代码中出现的顺序执行。 这不会影响单线程程序中的结果&#xff0c;但是&#…

让element-ui的输入框聚焦的4种方式

方法一、绑定ref 方法二、通过自定义事件中的事件对象 $event&#xff0c;找到input 方法三、使用自定义指令 方法四、使用原生input 方法一、绑定ref——参考yiyueqinghui <el-input v-model"form.name" ref"name"></el-input> this.$refs.n…

控制台打印三角形、菱形

一、 打印三角形 要求&#xff1a; 打印如下类似的三角形 * *** ***** ******* 效果&#xff1a;思路&#xff1a; &#xff08;1&#xff09; 空格每往下一层少一个。 &#xff08;2&#xff09; *是奇数数列&#xff0c;&#xff08;i – 1&#xff09;* 2 1 核心代码&#…

《React Native 精解与实战》书籍连载「React Native 网络请求与列表绑定」

此文是我的出版书籍《React Native 精解与实战》连载分享&#xff0c;此书由机械工业出版社出版&#xff0c;书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战&#xff0c;以及 React Native 与 iOS、Android 平台的混合开发底层原理…

在CloudBees上开发,测试和部署独立应用程序

CloudBees是一个云平台&#xff0c;为您的应用程序提供存储库&#xff0c;CI服务&#xff08;Jenkins&#xff09;和服务器。 因此&#xff0c;您需要开发&#xff0c;测试和部署所有内容。 有很多选项&#xff0c;例如存储库可以是Git或SVN&#xff0c;对于服务器&#xff0c;…