JavaScript Array 的学习

摘要:
首先创建数组1varempty=[]//创建一个空数组;2vardiffType=[1,'a',2.3,{},[4,5],,];//创建一个包含不同类型的数组3varundef=[,,]//创建一个空元素数组。注意这里数组的长度是2,而不是3。JavaScript数组允许最后一个逗号。然而,IE678的长度为3.4 3.4 varianstance=newArray()//当然,您也可以使用Array类创建一个与[]效果相同的数组。1vara=[1,空,[10,12,[23,25]],2,,3,未定义,6];2控制台。日志;//[1,null,数组[3],2,,3,未定义,6]3控制台。日志;//“1、10、12、23、25、2、3、6”方索。日志;//“1,,10,12,23,25,2,,3,,6”Reverse()反向数组排序如果没有参数,将按字符顺序排序。调用方法如下:1varb=[1,2,3];2控制台。日志;//[1,2,3100101]3控制台。日志;//[1,2,3100101]4控制台。日志;//[1,2,3100101102103]5控制台。日志;//[1,2,3100101,阵列[2]它不会更改数组中数组切片返回的指定间隔的元素。1varb=[1,2,3,4,5];2控制台。日志;//[1,2,3]3控制台。日志;//[4,5]4控制台。日志;//[]5控制台。日志;//[3] Splice(startIndex[,length,p1,p2,p3,…]返回截取的元素,原始数组将被更改。toString()为数组中的每个元素调用toString方法。

首先创建数组

1     var empty = [];//创建一个空的数组;
2     var diffType = [1,'a',2.3,{},[4,5],,];//创建一个包含不同类型的数组
3     var undef = [,,]//创建一个空元素数组,注意这里数组的长度是2,不是3.JavaScript数组允许最后多一个逗号。但是在IE678长度是3.
4     var instance = new Array();//当然也可以用Array类创建一个数组,效果和[]一样。

读写数组元素

1     var b = [1,null,2,,3,undefined,6];//定义一个数组
2     b[0];//读数组的第一个元素
3     b[0] = 100;//写数组的第一个元素,数组的下标可以是一个表达式
4     b[12.34] = 1234;//数组的下标可以不是一个整形数字,此时会将12.34作为一个属性名称,为b定义一个属性
5     b["12"] = 12;//当数组的下标是一个可以直接转化成整形数字的字符串时,就像当于写b[12] = 12,数组的length就成13了
6     b["13.00"] = 13;//当不能直接转化成正整数时,依然作为属性名处理
7     b[14.00] = 14;//可以直接转化成正整数,就相当于b[14] = 14,此时b.length = 15;
    var x = [,,,];//在IE9,10长度为3,IE8极更早的版本长度为4
var y = new Array(3);//注意:数组x, y 是有区别的。x,y都表示定义了一个长度为3的数组,但是x的三个元素值都为undefined,y的三个元素都没有值。但是表现是一样的。
console.log(0 in x);//false
console.log(0 in y);//false

 数组的一些方法

push(p1,p2,...)在数组的末端添加元素,可以一次添加多个

pop()移除并返回最后一个数组元素

delete()将数组中的制定元素置为undefined,并不影响length属性。

join(p)将数组转化为字符串,用p分割。注意该方法会将递归内嵌的数组元素,一次调用toString()方法。

1 var a = [1,null,[10,12,[23,25]],2,,3,undefined,6];
2 console.log(a);//[1, null, Array[3], 2, , 3, undefined, 6]
3 console.log(a.join());//"1,,10,12,23,25,2,,3,,6"
4 console.log(a.join(", "));//"1, , 10,12,23,25, 2, , 3, , 6"

reverse()反转数组

sort(f(a,b))如果没有参数,就按照字符顺序排序。undefined元素会排在最后。f是一个函数,用于定义排序规则。f返回值<=0,a在b前,否则b在a前。

concat()返回组合后的数组,但是并不改变原有数组。调用方法如下

1 var b = [1,2,3];
2 console.log(b.concat(100,101));//[1, 2, 3, 100, 101] 
3 console.log(b.concat([100,101]));//[1, 2, 3, 100, 101] 
4 console.log(b.concat([100,101],[102,103]));//[1, 2, 3, 100, 101, 102, 103]
5 console.log(b.concat([100,101,[103,104]]));//[1, 2, 3, 100, 101, Array[2]]。并不会改变数组内的数组

slice(startIndex [,endIndex])返回指定区间(左闭右开)的元素。

1 var b = [1,2,3,4,5];
2 console.log(b.slice(0,3));//[1, 2, 3]
3 console.log(b.slice(3));//[4, 5]
4 console.log(b.slice(7));//[] 
5 console.log(b.slice(-3,-2));//[3]

splice(startIndex [,lenth,p1,p2,p3,...]返回被截取的元素,原来的数组将被改变。

1 var c = [1,2,3,4,5,6,7,8];
2 console.log(c.splice(4));//[5, 6, 7, 8]
3 console.log(c.toString());//[1, 2, 3, 4]
4 console.log(c.splice(3,1,5,6,7,8));//[4]
5 console.log(c);//[1, 2, 3, 5, 6, 7, 8]

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

unshift(p1,p2,...)将参数添加在数组的开头。

toString()将数组中的每一个元素调用toString方法。

免责声明:文章转载自《JavaScript Array 的学习》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇核心期刊将你的苹果变成“猫”:电脑上网巧用iPhone下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

目录扫描工具DirBuster

DirBuster用于检测web服务器上的目录和隐藏文件。因此,必须在运行之前安装Java环境。在TargetURL下输入要检测的网站的地址。请注意,地址应与协议一起添加。一种是自动选择。它将决定是使用head方法还是get方法。number of Thread是所选扫描线程的数量,selectscanning type是所选的扫描类型。Listbasedb...

Wayland 源码解析之代码结构

Wayland实现的代码组成可以分为以下四个部分:1.Wayland库的核心部分,大部分Wayland协议实现都位于该库中。1) 该工具程序分析Wayland协议文件并生成相应的头文件和代码文件。源代码文件列表:wayland/cursor/wayland cursor。通道/光标/通道光标。cwyland/cursor/os兼容性。cwyland/curs...

Spring Boot 核心配置文件 bootstrap &amp;amp; application

boostrap由父ApplicationContext加载,比applicaton优先加载boostrap里面的属性不能被覆盖3、bootstrap/application的应用场景application配置文件这个容易理解,主要用于SpringBoot项目的自动化配置。这个父级的SpringApplicationContext是先加载的,在加载appli...

Github仓库重命名

1.在Github上重命名仓库,转到您自己的仓库,找到Setting标记,然后单击Options中的Settings以设置Repositoryname。2.修改本地仓库信息。由于远程仓库名称已更改,因此本地对应的仓库名称也应更改。1.检查当前远程仓库的信息$gitremote-v列出了所有远程仓库信息,包括网站地址。2.修改本地对应远程仓库的地址。修改后,使...

vant上传文件到后端

Html代码&lt;Ts代码文件列表=[]/image/[a-zA-z]+/。test(file.file.type)){this.$toast(“请上传图片”);returnfalse;config).then(res=&gt;})。捕获(()=&gt;拒绝)=&gt;ts=“+newDate().getTime()).然后...

vue+jspdf+html2canvas导出PDF文件

没有废话。首先,查看最终打印结果。我说最后打印的pdf文件看起来像这样。pdf文件的分页是通过设置jspdf实现的,但我暂时无法对文件内容进行分页。因为我们首先将需要打印的元素转换为画布,然后将画布转换为图像,然后将图像转换为pdf文件。...